Uncaught TypeError: Cannot destructure property 'recipes' of 'props' as it is un-CodePudding

I am a beginner in reactjs when I tried to run a program it showed the following error

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)

CodePudding user response：

Maybe you used const { recipes } = props in your code, however, props are undefined, so you get the error destructure property.

Can you put your code there? And check that the props are not undefined. Check parent component send useful data to child component.

CodePudding user response：

One of your assignments is not properly transferred to a component, that is why it is "Undefined".

Upload the parts of the code related to this props code or alternative try it yourself with console.log(props): check what is defined and what is not. Then connect the two.