React-Router only one child

You have to wrap your Route‘s in a <div>(or a <Switch>).

render((
  <Router>
    <Route exact  path="/" component={BaseLayer} />
    <Route path="/editor" component={App} store={store} />
  </Router>
), document.querySelector('#app'));

should be

render((
  <Router>
    <div>
       <Route exact  path="/" component={BaseLayer} />
       <Route path="/editor" component={App} store={store} />
    </div>
  </Router>
), document.querySelector('#app'));

Related Posts:

  1. How to use Redirect in the new react-router-dom of Reactjs
  2. You should not use Route or withRouter() outside a Router when using react-router 4 and styled-component in react
  3. How to refresh a Page using react-route Link
  4. How to implement authenticated routes in React Router 4?
  5. onEnter not called in React-Router
  6. react router v^4.0.0 Uncaught TypeError: Cannot read property ‘location’ of undefined
  7. Cannot read property ‘getHostNode’ of null
  8. React-Router : What is the purpose of IndexRoute?
  9. React router not showing browser history
  10. React, Uncaught ReferenceError: ReactDOM is not defined
  11. Getting “Cannot call a class as a function” in my React Project
  12. Invariant Violation: Objects are not valid as a React child
  13. Invariant Violation: Objects are not valid as a React child
  14. What is Virtual DOM?
  15. React.js: Set innerHTML vs dangerouslySetInnerHTML
  16. React – uncaught TypeError: Cannot read property ‘setState’ of undefined
  17. Understanding unique keys for array children in React.js
  18. How to do a redirect to another route with react-router?
  19. Jest spy on functionality
  20. Difference between npx and npm?
  21. Reactjs – Form input validation
  22. Error Running React Native App From Terminal (iOS)
  23. Axios Delete request with body and headers?
  24. Loop inside React JSX
  25. Can’t resolve module (not found) in React.js
  26. How to implement navbar using react
  27. Loop inside React JSX
  28. Understanding React-Redux and mapStateToProps()
  29. how to render a react component using ReactDOM Render
  30. Console logging for react?
  31. Parse Error: Adjacent JSX elements must be wrapped in an enclosing tag
  32. ‘react-scripts’ is not recognized as an internal or external command
  33. After $npm install, Getting Error: Cannot find module ‘../lib/utils/unsupported.js’
  34. React Native: this.setState is not a function
  35. React: trigger onChange if input value is changing by state?
  36. In reactJS, how to copy text to clipboard?
  37. SyntaxError: Adjacent JSX elements must be wrapped in an enclosing tag
  38. What does the className attribute mean in JSX?
  39. What is prevState in ReactJS? [duplicate]
  40. React with ES7: Uncaught TypeError: Cannot read property ‘state’ of undefined
  41. React Hook Warnings for async function in useEffect: useEffect function must return a cleanup function or nothing
  42. Setting a backgroundImage With React Inline Styles
  43. React – TypeError: Cannot read property ‘props’ of undefined
  44. What is the difference between state and props in React?
  45. How to pass props to {this.props.children}
  46. React eslint error missing in props validation
  47. OnChange event using React JS for drop down
  48. ESLint Parsing error: Unexpected token
  49. React Context vs React Redux, when should I use each one?
  50. Setting onSubmit in React.js
  51. How to import image (.svg, .png ) in a React Component
  52. Uncaught TypeError: Cannot read property ‘props’ of null
  53. ReactJS: setTimeout() not working?
  54. React Uncaught Error: Target container is not a DOM element [duplicate]
  55. React Error: Target Container is not a DOM Element
  56. React Js: Uncaught (in promise) SyntaxError: Unexpected token < in JSON at position 0
  57. Console is throwing Unterminated JSX contents error
  58. How to scroll to an element?
  59. How to handle the `onKeyPress` event in ReactJS?
  60. setInterval in a React app
  61. Cannot read property ‘bind’ of undefined. React.js
  62. How do you Hover in ReactJS? – onMouseLeave not registered during fast hover over
  63. Failed to compile. Module not found: Can’t resolve ‘react-router-dom’
  64. ReactJS: setTimeout() not working?
  65. What does “export default” do in JSX?
  66. How to add multiple classes to a ReactJS Component?
  67. Uncaught Invariant Violation: Too many re-renders. React limits the number of renders to prevent an infinite loop
  68. Warning: findDOMNode is deprecated in StrictMode. findDOMNode was passed an instance of Transition which is inside StrictMode
  69. Warning: findDOMNode is deprecated in StrictMode. findDOMNode was passed an instance of Transition which is inside StrictMode
  70. React.js – Can’t read property of undefined
  71. React’s setState method with prevState argument
  72. Pass react component as props
  73. Uncaught TypeError: Cannot read property ‘call’ of undefined at __webpack_require__
  74. Objects are not valid as a React child. If you meant to render a collection of children, use an array instead
  75. How to clear react-native cache?
  76. Async/await in componentDidMount to load in correct order
  77. Why use Redux over Facebook Flux?
  78. Local package.json exists, but node_modules missing
  79. Access Control Origin Header error using Axios
  80. how to use react require syntax?
  81. onClick not working React js
  82. This.props.dispatch not a function – React-Redux
  83. How to add a keyboard listener to my onClick handler?
  84. e.target.value on an input field ReactJs, how does it work?
  85. Uncaught Invariant Violation: Rendered more hooks than during the previous render
  86. command not found: jest
  87. Jest encountered an unexpected token
  88. ReactJS – .JS vs .JSX
  89. ReactJS: Maximum update depth exceeded error
  90. How to allow CORS in react.js?
  91. Invariant Violation: _registerComponent(…): Target container is not a DOM element
  92. Uncaught ReferenceError: React is not defined
  93. Expected ‘this’ to be used by class method
  94. How to disable button in React.js
  95. What does “export default” do in JSX?
  96. Update style of a component onScroll in React.js
  97. where is create-react-app webpack config and files?
  98. Correct modification of state arrays in React.js
  99. “React.Children.only expected to receive a single React element child” error when putting and in a
  100. Await is a reserved word error inside async function

Leave a Comment