routes.jsx

function PublicRoute({ children, ...rest }) {
  const { auth } = rest;
  return (
    <Route
      {...rest}
      render={() => {
        if (!auth) return <Redirect to="/login" />;

        return <Dashboard>{children}</Dashboard>;
      }}
    />
  );
}

// eslint-disable-next-line react/prop-types
function PrivateRoute({ children, ...rest }) {
  const { setAuth, auth } = rest;
  return (
    <Route
      {...rest}
      render={() => {
        return (
          <Landing setAuth={setAuth} auth={auth}>
            {children}
          </Landing>
        );
      }}
    />
  );
}