Function wrapRouteWithFade

src/AppRouter.tsx:14–25

(Component)

import { PrivateRoutes } from "./components/PrivateRoutes";

function wrapRouteWithFade(Component) {
  return ({ match }) => (
    <CSSTransition
      in={match != null}
      timeout={300}
      classNames="page-fade"
      unmountOnExit
    >
      <Component />
    </CSSTransition>
  );
}

export function AppRouter() {
  const { user, setUser, isAuthenticated, isAuthReady, logOut } = useAuth();