title: Uncaught TypeError: Cannot destructure property 'recipes' of 'props' as it is undefined
body: <p>I am a beginner in reactjs when I tried to run a program it showed the following error</p>
  <pre><code>Uncaught TypeError: Cannot destructure property 'recipes' of 'props' as it is undefined.
      at RecipeList (bundle.js:532:5)
      at renderWithHooks (bundle.js:22834:22)
      at mountIndeterminateComponent (bundle.js:25596:17)
      at beginWork (bundle.js:26795:20)
      at HTMLUnknownElement.callCallback (bundle.js:11784:18)
      at Object.invokeGuardedCallbackDev (bundle.js:11833:20)
      at invokeGuardedCallback (bundle.js:11893:35)
      at beginWork$1 (bundle.js:31635:11)
      at performUnitOfWork (bundle.js:30471:16)
      at workLoopSync (bundle.js:30408:9)
  </code></pre>