Skip to content

Commit 14b8abd

Browse files
committed
chore: small fixes
1 parent 890bbd9 commit 14b8abd

File tree

1 file changed

+6
-6
lines changed

1 file changed

+6
-6
lines changed

src/content/docs/developer-tools/sdks/frontend/react-sdk.mdx

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -42,7 +42,7 @@ The Kinde React SDK allows developers to quickly and securely integrate a new or
4242

4343
You can also view the [React package](https://github.com/kinde-oss/kinde-auth-react) and [React starter kit](https://github.com/kinde-starter-kits/react-starter-kit) in GitHub.
4444

45-
This new SDK (v5) is optmized to work with React version 18+.
45+
This new SDK (v5) is optimized to work with React version 18+.
4646

4747
If you are currently using v4, refer to this [migration information](/developer-tools/sdks/frontend/react-sdk/#migration-from-v4-to-v5) to update to v5.
4848

@@ -66,8 +66,8 @@ Import the Kinde Provider component and wrap your application in it.
6666
import { KindeProvider } from '@kinde-oss/kinde-auth-react';
6767
const App = () => (
6868
<KindeProvider
69-
clientId="<your_kinde_client_id>
70-
domain="<your_kinde_domain>
69+
clientId="<your_kinde_client_id>"
70+
domain="<your_kinde_domain>"
7171
logoutUri={window.location.origin}
7272
redirectUri={window.location.origin}
7373
>
@@ -120,7 +120,7 @@ const { login, register } = useKindeAuth();
120120
To handle the result of auth there are three callback events.
121121

122122
- `onSuccess` - On Successful authentication, this includes the user authenticated along with the passed state and context to the Kinde hook
123-
- `onError` - When an error occors during authentication, this includes the error along with the passed state and context to the Kinde hook
123+
- `onError` - When an error occurs during authentication, this includes the error along with the passed state and context to the Kinde hook
124124

125125
```jsx
126126
<KindeProvider
@@ -179,7 +179,7 @@ You can get an authorized user’s profile from any component using the Kinde Re
179179
import { useKindeAuth } from '@kinde-oss/kinde-auth-react';
180180
const SayHello = () => {
181181
const { user } = useKindeAuth();
182-
return <p>Hi {user.first_name}!</p>;
182+
return <p>Hi {user.firstName}!</p>;
183183
};
184184
```
185185

@@ -355,7 +355,7 @@ declare module "@kinde-oss/kinde-auth-react/utils" {
355355

356356
### Using the `<ProtectedRoute>` component
357357

358-
**Note:** The `<ProtectedRoute>` component requires the `react-router-dom` package to be installed.*
358+
**Note:** The `<ProtectedRoute>` component requires the `react-router-dom` package to be installed.
359359

360360
The `<ProtectedRoute>` component is a wrapper component that checks if a user has specific permissions and renders the child component if they do. If the user doesn't have the required permissions, they are redirected to a fallback path.
361361

0 commit comments

Comments
 (0)