React.js Target container is not a DOM element.

[Bwithnewcast]

The code: https://github.com/Bwithnewcast/Website_project/tree/master/

 

I am coding in codesandbox.

 

The error message i am getting:

 

Invariant Violation: Target container is not a DOM element.

at invariant (https://jzpx40y283.codesandbox.io/node_modules/react-dom/cjs/react-dom.development.js:55:15) at Object.render (https://jzpx40y283.codesandbox.io/node_modules/react-dom/cjs/react-dom.development.js:21151:36) at evaluate (https://jzpx40y283.codesandbox.io/src/index.js:13:19) at ue (https://codesandbox.io/static/js/sandbox.2d465eb5.js:1:162757) at e.value (https://codesandbox.io/static/js/sandbox.2d465eb5.js:1:177330) at e.value (https://codesandbox.io/static/js/sandbox.2d465eb5.js:1:205633) at t (https://codesandbox.io/static/js/sandbox.2d465eb5.js:1:177072) at loadResources (https://jzpx40y283.codesandbox.io/src/index.html:5:2) at evaluate (https://jzpx40y283.codesandbox.io/src/index.html:11:3) at ue (https://codesandbox.io/static/js/sandbox.2d465eb5.js:1:162757) at e.value (https://codesandbox.io/static/js/sandbox.2d465eb5.js:1:177330) at e.value (https://codesandbox.io/static/js/sandbox.2d465eb5.js:1:205633) at e.value (https://codesandbox.io/static/js/sandbox.2d465eb5.js:1:205214) at https://codesandbox.io/static/js/sandbox.2d465eb5.js:1:101429 at g (https://codesandbox.io/static/js/common-sandbox.3445291d.chunk.js:1:387899) at Generator._invoke (https://codesandbox.io/static/js/common-sandbox.3445291d.chunk.js:1:387687) at Generator.e.(anonymous function) [as next] (https://codesandbox.io/static/js/common-sandbox.3445291d.chunk.js:1:388078) at t (https://codesandbox.io/static/js/common-sandbox.3445291d.chunk.js:1:379157) at u (https://codesandbox.io/static/js/common-sandbox.3445291d.chunk.js:1:379367)

[jj9987]

TaskBar() is a function, not a React Component, that you could render.

 

EDIT: Example from official docs

class HelloMessage extends React.Component {
  render() {
    return (
      <div>
        Hello {this.props.name}
      </div>
    );
  }
}

ReactDOM.render(
  <HelloMessage name="Taylor" />,
  document.getElementById('hello-example')
);

[Bwithnewcast]

1 hour ago, jj9987 said:

TaskBar() is a function, not a React Component, that you could render.

 

EDIT: Example from official docs

class HelloMessage extends React.Component {
  render() {
    return (
      <div>
        Hello {this.props.name}
      </div>
    );
  }
}

ReactDOM.render(
  <HelloMessage name="Taylor" />,
  document.getElementById('hello-example')
);

Even if i do it with this method i still get the "Target container is not a DOM element." error