@bazo/react-layout-route

react-layout-route

Route with layout for react & react-router

Usage

//layout.tsx
import { LayoutProps } from "@bazo/react-layout-route";

const Layout = ({ children, ...props }: { children: React.ReactNode } & LayoutProps) => {
	return <div>{children}</div>;
};

//routes.tsx
import WithLayout from "@bazo/react-layout-route";
import Layout from "../components/layout";

const MyLayout = (props: RouteProps) => <WithLayout {...props} layout={Layout} />;

const Routes = () => {
	return (
		<Switch>
			<MyLayout path="/" component={Home} />
		</Switch>
	);
};