Skip to content

Commit 6558cb6

Browse files
committed
fix: some issue from coderabbitai
1 parent 6cebbc9 commit 6558cb6

1 file changed

Lines changed: 24 additions & 2 deletions

File tree

src/content/docs/developer-tools/sdks/backend/remix-sdk.mdx

Lines changed: 24 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -30,7 +30,7 @@ keywords:
3030
- session management
3131
- internationalization
3232
- organizations
33-
updated: 2024-01-15
33+
updated: 2026-01-07
3434
featured: false
3535
deprecated: false
3636
ai_summary: Complete guide for Remix SDK including installation, route handlers, environment configuration, protecting routes, refreshing Kinde data, organizations, analytics, and more for Remix applications.
@@ -48,6 +48,22 @@ The quickest way to start is with the [Remix starter kit](https://github.com/kin
4848

4949
<PackageManagers pkg="@kinde-oss/kinde-remix-sdk" />
5050

51+
If you plan to use the optional client-side `KindeProvider` example below, also install `@kinde-oss/kinde-auth-react`:
52+
53+
```bash
54+
npm install @kinde-oss/kinde-auth-react
55+
# or
56+
yarn add @kinde-oss/kinde-auth-react
57+
```
58+
59+
If you want to use portal navigation helpers (for example `PortalPage`), install `@kinde/js-utils`:
60+
61+
```bash
62+
npm install @kinde/js-utils
63+
# or
64+
yarn add @kinde/js-utils
65+
```
66+
5167
## Set callback URLs
5268

5369
The Remix SDK works with back-end applications. Create one in Kinde. See [Add and manage applications](/build/applications/add-and-manage-applications/).
@@ -408,7 +424,7 @@ export const action = async ({request}: ActionFunctionArgs) => {
408424
import { json, ActionFunctionArgs } from "@remix-run/node";
409425
import { getKindeSession } from "@kinde-oss/kinde-remix-sdk";
410426

411-
export const updateProfile = async ({request}: ActionFunctionArgs) => {
427+
export const action = async ({request}: ActionFunctionArgs) => {
412428
const { refreshTokens, getUser } = await getKindeSession(request);
413429
// ...perform your mutation here...
414430
const headers = await refreshTokens();
@@ -478,6 +494,12 @@ import { PortalPage } from "@kinde/js-utils";
478494
</Link>;
479495
```
480496

497+
<Aside>
498+
499+
`PortalPage` lives in `@kinde/js-utils`, so add that package if you use `subNav` examples.
500+
501+
</Aside>
502+
481503
### returnUrl
482504

483505
Send users back to your app after portal actions with an absolute `returnUrl`.

0 commit comments

Comments
 (0)