Any help with my protected routes react.js

dan.woda · October 27, 2023, 4:14pm

Welcome to the Auth0 Community!

Have you seen our example?

auth0-developer-hub/spa_react_javascript_hello-world/blob/basic-authentication-with-api-integration/src/app.js

import { useAuth0 } from "@auth0/auth0-react";
import React from "react";
import { Route, Routes } from "react-router-dom";
import { PageLoader } from "./components/page-loader";
import { AuthenticationGuard } from "./components/authentication-guard";
import { AdminPage } from "./pages/admin-page";
import { CallbackPage } from "./pages/callback-page";
import { HomePage } from "./pages/home-page";
import { NotFoundPage } from "./pages/not-found-page";
import { ProfilePage } from "./pages/profile-page";
import { ProtectedPage } from "./pages/protected-page";
import { PublicPage } from "./pages/public-page";

export const App = () => {
  const { isLoading } = useAuth0();

  if (isLoading) {
    return (
      <div className="page-layout">
        <PageLoader />

This file has been truncated. show original

Topic		Replies	Views
I am stuck in strange error. I am trying to protect my client side route. I have this code Get Help authentication	2	3560	March 2, 2018
Auth0 Blog React Auth guide assistance Get Help auth0 , react , blog	2	3813	February 4, 2021
Going to a route via url shows content briefly, auths then shows nothing (e.g. localhost:8080/home) Get Help auth0 , webpack	9	6663	August 8, 2019
Implementing Auth0 Protected Routes using React Router v6...? Get Help auth0 , react , protected	19	17327	January 6, 2023
React app redirects to correct url after login but component stays the same Get Help classic-universal-login-experience , login-experience	2	173	December 10, 2024

Any help with my protected routes react.js

Related topics