1 files changed, 5 insertions, 6 deletions
diff --git a/packages/demobank-ui/src/pages/QrCodeSection.stories.tsx b/packages/demobank-ui/src/pages/QrCodeSection.stories.tsx
index 521d4255e..11c21cc09 100644
--- a/packages/demobank-ui/src/pages/QrCodeSection.stories.tsx
+++ b/packages/demobank-ui/src/pages/QrCodeSection.stories.tsx
@@ -19,15 +19,14 @@
  * @author Sebastian Javier Marchano (sebasjm)
  */
 
+import { tests } from "@gnu-taler/web-util/lib/index.browser";
 import { QrCodeSection } from "./QrCodeSection.js";
+import { parseWithdrawUri } from "@gnu-taler/taler-util";
 
 export default {
   title: "Qr Code Selection",
 };
 
-export const SimpleExample = {
-  component: QrCodeSection,
-  props: {
-    talerWithdrawUri: "taler://withdraw/asdasdasd",
-  },
-};
+export const SimpleExample = tests.createExample(QrCodeSection, {
+  withdrawUri: parseWithdrawUri("taler://withdraw/bank.com/operationId"),
+});