Hydratation error - Renderização condicional NextJS

[Edu15Dev]

Olá amigos! Estou tentando executar a seguinte ação:

const PrivateRoute = ({ children }: PrivateRouteProps) => {
  const { push } = useRouter()

  const isUserAuthenticated = checkUserAuthenticated()

  useEffect(() => {
    if (!isUserAuthenticated) {
      push(APP_ROUTES.public.login)
    }
  })
  
  return (
    <>
      { !isUserAuthenticated && null }
      { isUserAuthenticated && children}
    </>
  )
}

Esta ação impede por completo a visualização da rota privada da minha aplicação react. Ao testar a aplicação me deparei com o seguinte erro:

caught Error: Hydration failed because the initial UI does not match what was rendered on the server.

Este erro não ocorria nas versões anteriores do NextJs. Alguém pode me ajudar por favor?