How to solve Minified React error #423

Oscar de la Hera Gomez
Two flowers that represent ReactJS and GatsbyJS with the text "Minified React Error #423 Solution" beneath them.

Solutions for "There was an error while hydrating. Because the error happened outside of a Suspense boundary, the entire root will switch to client rendering."

A screenshot of the Chrome terminal that says "Uncaught Error: Minified React error #423; visit reactjs.org/docs/error-decoder.html?invariant=423 for the full message or use the non-minified dev environment for full errors and additional helpful warnings."

The #423 React Minified Error in the Inspector.

Years after the development of the delasign.com website, we discovered that an error had appeared that we hadn't previously seen.

This error often comes after or with a #418 React Minified error.

A screenshot of the React Error Decoder that details error 423 as: "There was an error while hydrating. Because the error happened outside of a Suspense boundary, the entire root will switch to client rendering."

The React Decoder Error Description

After resolving all the errors in our codebase, we discovered that this error occurred because:

  • We nested Buttons within Buttons.
  • We nested hyperlinks (i.e. <a href/>) within hyperlinks.

Looking to learn more about ReactJS and SEO ?

Search our blog to find educational content on learning ReactJS and SEO.

Any Questions?

We are actively looking for feedback on how to improve this resource. Please send us a note to inquiries@delasign.com with any thoughts or feedback you may have.
delasign logo

Book a Free Consultation.

An icon of an email.

Click here to email us.

Fill in the details below to book a free consultation or to let us know about something else. Whatever it is, we are here to help.

How can we help you ?

Contact Details