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

This is an API change in react-router 4.x. Recommended approach is to wrap Routes in a Switch: https://github.com/ReactTraining/react-router/issues/4131#issuecomment-274171357

Quoting:

Convert

to

You will, of course, need to add Switch to your imports:

import { Switch, Router, Route } from 'react-router'