This solution is generated by ChatGPT, correctness is not guaranteed. You might also be able to find a solution fromcommunity posts.
AI solution for React Quiz on BFE.dev
20. Error Boundary
The code will output an error message to the console:
boundary-2
This is because the renderWithError()
function intentionally throws an error, causing the ErrorBoundary
component to catch the error and log the name prop ("boundary-2"
) to the console using componentDidCatch()
. The App
component is ultimately rendered with an error message due to the error being caught by the ErrorBoundary
s.