title: Storybook configuration for state and firebase
body: <p>Hi i am using storybook in react, For me i am facing issue in configuring firebase and state in storybook, Firebase is getting null in components when i run yarn storybook and passing state is also not possible from storybook to component where i am using context in my component, and able to pass data but not state.
  Below is my sample storybook:</p>
  <pre><code>    import React from &quot;react&quot;;
      import State from &quot;../../../context/providers/State&quot;;
      import ProcessingBooking from &quot;../../../components/Find/ProcessingBooking&quot;;
      
      const Template = (args) =&gt; (
        &lt;State&gt;
          &lt;ProcessingBooking {...args} /&gt;
        &lt;/State&gt;
      );
      const story = {
        component: ProcessingBooking,
        title: &quot;ProcessingBooking&quot;,
      };
      
      export default story;
      
      export const Default = Template.bind({});
      Default.args = {
      search_request: {
      isTwoWay: true,
    },
    user_session: {
      email: &quot;abc@gmail.com&quot;,
    }
       };
  </code></pre>
  <p>In my component if i try to access, i am getting initial state where i defined in initial state file but not from storybook, how to override from stortybook.
  compoinent sample:</p>
  <pre><code>const Confirmation = () =&gt; {
    const { state } = useContext(StateContext);
    const user_session = state.user_session;
  
  }
  </code></pre>
  <p>here i am getting user_session from initial state not from storybook,How to get state from storybook any help please</p>