React-Router only one child

Question

I keep on getting the error:

A \'Router\' may have only one child element

when using react-router.

I can\'t seem to fig

Answer 1

Not sure if my router might be too simple, or there was a change to this rule but was following along a tutorial that mentioned this limitation (A 'Router' may have only one child element) and it allowed me to add 3 routes without giving any errors. This is the working code:

function render() {
  ReactDOM.render(
    
      
      
      
    
    ,
    document.getElementById('root')
  );
}

And this are my dependencies:

"react": "^16.13.1",
"react-dom": "^16.13.1",
"react-router-dom": "^5.1.2",
"react-scripts": "3.4.1",