docs(storybook): motivate to play with mock params

README.md

@@ -337,4 +337,5 @@ Ensure your API type definitions are generated by your backend.
 ### Demo
 
 [Storybook](https://dynamicmsw.github.io/dynamic-msw)
-[Take a look at source code](https://github.com/dynamicmsw/dynamic-msw/tree/main/apps/storybook/src)
+
+[Take a look at source code of the Storybook demo](https://github.com/dynamicmsw/dynamic-msw/tree/main/apps/storybook/src)

apps/storybook/src/examples/Product.tsx

@@ -153,6 +153,18 @@ const Product = () => {
           <Typography variant="subtitle1" color="textSecondary" gutterBottom>
             {`Available Stock: ${productDetails.availableStock}`}
           </Typography>
+          <Typography variant="subtitle1" color="textSecondary" gutterBottom>
+            Using the mock dashboard opened with the button in the bottom right
+            corner;
+            <br />
+            try changing the amount of stock and the "canReview" boolean.
+            Requires reload to see the changes. Toggling "productExists" to
+            false will show this product page example does not handle API errors
+            properly.
+          </Typography>
+          <Typography variant="subtitle1" color="textSecondary" gutterBottom>
+            Try adding a review and reloading the page.
+          </Typography>
           <Typography variant="h6" color="primary" gutterBottom>
             Generated by ChatGPT
           </Typography>