Error AtlasError Documentation and Resolution
Back to searchMore React errors

React

React target container is not a DOM element

Target container is not a DOM element.

React could not mount because the element passed to createRoot or legacy render APIs was missing, null, or not a valid DOM element.

React error #299runtime

Observed message

Target container is not a DOM element.

Why it happens

  • The DOM node selector returned null.
  • The HTML does not contain the expected root element.
  • A non-element value was passed to createRoot or render.

How to fix it

  1. Verify the target element exists before mounting React.
  2. Match the root element id in the HTML and client bootstrap code.
  3. Pass an actual DOM element, not a selector string or null value.

Official reference

React Docs: Minified React error #299

Related errors

React error #426React component suspended while responding to synchronous inputReact error #187React flushSync called inside a lifecycle methodReact error #307React Hooks called outside a function componentReact error #404React invalid hook call

Explore more

ReactBrowse more React errorsruntimeBrowse more runtime errors
React error #299 Target container is not a DOM element | Error Atlas