navaid, redux, jsx

main.js

...
import navaid from "navaid";

import Route1 from "./routes/Route1";
import Route2 from "./routes/Route2";

import store from "./redux/store";

const router = navaid();

const Main = () => {

	const [ selectedRoute, setSelectedRoute ] = useState(null);

	useEffect(() => {

		router.on("/", () => {
			setSelectedRoute(<Route1 />);
		});
	
		router.on("/:id", (params) => {
			setSelectedRoute(<Route2 params={params} />);
		});
	
		router.listen();

	}, []);

	return (
		<Provider store={store}>
			{selectedRoute}
		</Provider>
	);
};

render(<Main />, document.body);