AD - Update React Redirect #5236
Open
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
|
Netlify Preview URL for the changes: https://preview-5236--reverent-murdock-829d24.netlify.app |
alisaduncan
reviewed
Dec 11, 2024
| <> | ||
| <Security oktaAuth={oktaAuth} restoreOriginalUri={restoreOriginalUri}> | ||
| <Switch> | ||
| <Routes> |
There was a problem hiding this comment.
Suggested change
| <Routes> |
Leaving Routes there is an accident
| <Routes> | ||
| <Route path="/" exact component={Home}/> | ||
| <Route path="/login/callback" component={LoginCallback}/> | ||
| </Routes> |
There was a problem hiding this comment.
Suggested change
| </Routes> |
sorry, no Routes
| @@ -1,12 +1,23 @@ | |||
| You need recent versions of [Node](https://nodejs.org/en/) and [npm](https://www.npmjs.com/). | |||
|
|
|||
| Create a React app named `okta-react-quickstart` and enter the project route using the following command. This creates a React app using React version 17. | |||
| 1. Create a Vue app named `okta-react-quickstart` using the following command: | |||
There was a problem hiding this comment.
Suggested change
| 1. Create a Vue app named `okta-react-quickstart` using the following command: | |
| 1. Create a React app named `okta-react-quickstart` using the following command: |
oops, that's awkward
| <p> | ||
| Below is the information from your ID token which was obtained during the | ||
| <a href="https://developer.okta.com/docs/guides/implement-auth-code-pkce">PKCE Flow</a> | ||
| {' '} | ||
| and is now stored in local storage. | ||
| </p> | ||
| <p> | ||
| TRUE? |
There was a problem hiding this comment.
Suggested change
| TRUE? |
| } | ||
| } | ||
| const { oktaAuth } = useOktaAuth(); | ||
| const [messages, setMessages] = useState(null); |
There was a problem hiding this comment.
Suggested change
| const [messages, setMessages] = useState(null); | |
| const [messages, setMessages] = useState([]); |
| }; | ||
|
|
||
| fetchMessages(); | ||
| }, [oktaAuth]); |
There was a problem hiding this comment.
Suggested change
| }, [oktaAuth]); | |
| }, [oktaAuth, messages.length]); |
| ``` | ||
|
|
||
| 4. Import `Profile` into `src/App.js` by adding the following: | ||
| 4. Import `Profile` into `src/App.jsx` by adding the following: |
There was a problem hiding this comment.
I'll add text about adding a link to /profile similar to what we discussed for Angular
| <p> | ||
| Below is the information from your ID token which was obtained during the | ||
| <a href="https://developer.okta.com/docs/guides/implement-auth-code-pkce">PKCE Flow</a> | ||
| {' '} | ||
| and is now stored in local storage. | ||
| </p> | ||
| <p> | ||
| TRUE? | ||
| This route is protected with the |
There was a problem hiding this comment.
Suggested change
| This route is protected with the | |
| Protect this route with the |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Description:
Resolves: