improve Dummy component

packages/react-ui/components/form/VulcanComponents/Context.ts

@@ -1,9 +1,9 @@
 import React from "react";
 import type { PossibleVulcanComponents } from "./typings";
+import { Dummy } from "./Dummy";
 
 // We need this to shut TypeScript up
 // You should use the Provider to get the right default values
-const Dummy = () => "Dummy component";
 export const VulcanComponentsContext =
   React.createContext<PossibleVulcanComponents>({
     Alert: Dummy,

packages/react-ui/components/form/VulcanComponents/Dummy.tsx

@@ -0,0 +1,10 @@
+import React from "react";
+export interface DummyProps {}
+
+export const Dummy = () => (
+  <span>
+    You have not setup VulcanComponentsProvider. Please add following code in
+    your app:{" "}
+    <code>{`import { VulcanComponentsProvider } from "@vulcanjs/react-ui"; const YourApp = <VulcanComponentsProvider>{/* your app */}</VulcanComponentsProvider>;}`}</code>
+  </span>
+);

packages/react-ui/components/form/VulcanComponents/tests/Dummy.stories.tsx

@@ -0,0 +1,13 @@
+import React from "react";
+import { Story, Meta } from "@storybook/react";
+import { Dummy, DummyProps } from "../Dummy";
+export default {
+  component: Dummy,
+  title: "VulcanComponents/Dummy",
+  // decorators: [(Story) => <Story />],
+  args: {},
+  parameters: { actions: { argTypesRegex: "^.*Callback$" } },
+} as Meta<DummyProps>;
+
+const DummyTemplate: Story<DummyProps> = (args) => <Dummy {...args} />;
+export const DefaultDummy = DummyTemplate.bind({});