allow the example to add params to the testing context

1 files changed, 11 insertions, 7 deletions

diff --git a/packages/web-util/src/stories.tsx b/packages/web-util/src/stories.tsx
index a8a9fdf77..3f90be13a 100644
--- a/packages/web-util/src/stories.tsx
+++ b/packages/web-util/src/stories.tsx
@@ -323,6 +323,7 @@ function parseExampleImport(
           render: {
             component: exampleValue as FunctionComponent,
             props: {},
+            contextProps: {},
           },
         };
       }
@@ -367,19 +368,22 @@ export interface Group {
   list: ComponentItem[];
 }
 
-export interface ComponentItem {
+export interface ComponentItem<Props extends object = {}> {
   name: string;
-  examples: ExampleItem[];
+  examples: ExampleItem<Props>[];
 }
 
-export interface ExampleItem {
+export type ExampleItemSetup<Props extends object = {}> = {
+  component: FunctionalComponent<Props>;
+  props: Props;
+  contextProps: object;
+};
+
+export interface ExampleItem<Props extends object = {}> {
   group: string;
   component: string;
   name: string;
-  render: {
-    component: FunctionalComponent;
-    props: object;
-  };
+  render: ExampleItemSetup<Props>;
 }
 
 type ComponentOrFolder = MaybeComponent | MaybeFolder;