title: How to mock data with props in your React Functional Component
body: <p>In my React application, i am developing a screen using Functional Component. 
  I want to populate the data on the screen with mock data until my API is ready. I basically have an Accordion with open state where i want to display the names. Right now, i am hardcoding name to populate that. Later, i will be replacing with the actual data coming from Store. So to do that i am defining the hard coded data like below in my component itself as after the API is ready, my props will have all the required data.</p>
  
  <pre class="lang-js prettyprint-override"><code>function MyComponent (props) {
      props={
          history: {},
          data:[
            {
              name:’XYZ’,
            },
            {
              name:’ABC’,
            }
          ]
      }
  
      return (
         &lt;div&gt;Content goes here &lt;/div&gt;
       )
  }
  </code></pre>
  
  <p>This throws me error. I want to understand if i am doing this correctly as i need to read the data values inside my div.</p>