In the Menu we have a component where the user's profile is visible as a button with the intent to do something else (what exactly we're not sure as we haven't got there yet in the course!). This same component was extracted and re-used for the suggested users to follow on the right hand side of the home page. In this case it includes a "Follow" button. So we now have a button in a button which is causing hydrating errors, and that's just for starters! Once it's established what the purpose of this initial component is on the Menu side refactor to fix this issue.
https://nextjs.org/docs/messages/react-hydration-error
In the Menu we have a component where the user's profile is visible as a button with the intent to do something else (what exactly we're not sure as we haven't got there yet in the course!). This same component was extracted and re-used for the suggested users to follow on the right hand side of the home page. In this case it includes a "Follow" button. So we now have a button in a button which is causing hydrating errors, and that's just for starters! Once it's established what the purpose of this initial component is on the Menu side refactor to fix this issue.
https://nextjs.org/docs/messages/react-hydration-error