This React guide will help you learn how to secure a React application using token-based authentication. You’ll learn how to use React along with the Auth0 React SDK and React Router 6 to implement user authentication, route protection, and access protected data from external APIs.

Hello @ymonye , we found a solution that can help you with the use case of passing props to a component that you need to protect with the <AuthenticationGuard>. You can update the src/components/authentication-guard.js to the following content: import { withAuthenticationRequired } from "@auth0/au…

[image] [image] [image] I don’t know why I am getting this error

Tagging you @byron.motoche for visibility

Hi @dev_bas , Welcome to the Auth0 Community. The error you’re getting is related to how you’re passing the Login component as the element prop to the <Route> component. With React Router v6, you should use regular elements instead of components (or element types) for rendering. You can read more in…

Something to add regarding passing props here… You’ll also need to go to each individual component file where you are receiving the props and add them there on two places: export const Dashboard = ({ addPropsHere }) => { return ( <PageLayout addPropsHere={addPropsHere}> This is if …

Is there any way in react router 6 to have the role based routing in react apps, mainly with “AuthenticationRequired” function.

Hello! Welcome to the Auth0 Community. Yes, there is! I am working on a sample that may show how to do that. I may not be able to share the full-sample too soon but I can definitely share the code snippets within the next weeks. Stay tuned, please!

Thanks for sharing this insight with us :pray: :muscle:

How / Where do I see logs to see an error? What’s the starting point to debug? I am running the sample app from React Authentication By Example: Using React Router 6 . (using localhost:4040) Despite adding a User (and A) confirming the user exists in the backend, and B) making the user validate the…

React Authentication By Example: React Router 6

Developer Hub

Topic		Replies	Views
The Complete Guide to React Authentication with Auth0 Blog Discussions react-native-auth0	171	28832	January 6, 2023
Code problem spoted on the new React Authentication By Example: Using React Router 6 Get Help auth0	4	1040	February 1, 2023
Implementing Auth0 Protected Routes using React Router v6...? Get Help auth0 , react , protected	19	17826	January 6, 2023
React/JavaScript Authentication: Integrate with React Router 6 Developer Hub auth0 , javascript , login , react	4	2956	February 25, 2022
Complete Auth0 example for react router v6? Get Help auth0-react , sdks-quickstarts	3	3090	August 15, 2023

React Authentication By Example: React Router 6

Related topics