Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Peer dependency unmet when using react 19 with react router 7 #4825

Closed
4 tasks done
sanisoclem opened this issue Dec 23, 2024 · 1 comment
Closed
4 tasks done

Peer dependency unmet when using react 19 with react router 7 #4825

sanisoclem opened this issue Dec 23, 2024 · 1 comment
Assignees
Labels
needs-triage A ticket that needs to be triaged by a team member

Comments

@sanisoclem
Copy link

sanisoclem commented Dec 23, 2024

Preliminary Checks

Description

react 19 is not included in peer dependencies for @clerk/react-router 0.1.5.

Steps to reproduce:

  1. Create new react router app npx create-react-router@latest my-react-router-app
  2. Install Clerk pnpm add @clerk/react-router

Expected behavior:

Clerk installed without warnings.

Actual behavior:

Issues with peer dependencies found

image

Environment

System:
    OS: Windows 11 10.0.26100
    CPU: (32) x64 AMD Ryzen 9 7950X3D 16-Core Processor
    Memory: 39.93 GB / 63.14 GB
  Binaries:
    Node: 22.12.0 - C:\Program Files\nodejs\node.EXE
    npm: 10.9.0 - C:\Program Files\nodejs\npm.CMD
    pnpm: 9.15.0 - C:\Program Files\nodejs\pnpm.CMD
  Browsers:
    Edge: Chromium (127.0.2651.74)
    Internet Explorer: 11.0.26100.1882
  npmPackages:
    @clerk/react-router: ^0.1.5 => 0.1.5
    @eslint/js: ^9.17.0 => 9.17.0
    @phosphor-icons/react: ^2.1.7 => 2.1.7
    @react-router/dev: ^7.0.2 => 7.0.2
    @react-router/express: ^7.0.2 => 7.0.2
    @react-router/node: ^7.0.2 => 7.0.2
    @react-router/serve: ^7.0.2 => 7.0.2
    @tailwindcss/container-queries: ^0.1.1 => 0.1.1
    @tailwindcss/forms: ^0.5.9 => 0.5.9
    @types/node: ^22 => 22.10.2
    @types/react: ^19.0.1 => 19.0.1
    @types/react-dom: ^19.0.1 => 19.0.2
    autoprefixer: ^10.4.20 => 10.4.20
    compression: ^1.7.5 => 1.7.5
    cross-env: ^7.0.3 => 7.0.3
    eslint: ^9.17.0 => 9.17.0
    eslint-config-prettier: ^9.1.0 => 9.1.0
    eslint-plugin-react: ^7.37.2 => 7.37.2
    express: ^4.21.2 => 4.21.2
    globals: ^15.13.0 => 15.13.0
    helmet: ^8.0.0 => 8.0.0
    isbot: ^5.1.17 => 5.1.18
    postcss: ^8.4.49 => 8.4.49
    prettier: ^3.4.2 => 3.4.2
    prettier-plugin-tailwindcss: ^0.6.9 => 0.6.9
    react: ^19.0.0 => 19.0.0
    react-dom: ^19.0.0 => 19.0.0
    react-router: ^7.0.2 => 7.0.2
    tailwindcss: ^3.4.16 => 3.4.17
    typescript: ^5.7.2 => 5.7.2
    typescript-eslint: ^8.18.1 => 8.18.1
    vite: ^5.4.11 => 5.4.11
    vite-tsconfig-paths: ^5.1.4 => 5.1.4
    zod: ^3.24.1 => 3.24.1
@sanisoclem sanisoclem added the needs-triage A ticket that needs to be triaged by a team member label Dec 23, 2024
@panteliselef
Copy link
Member

Hey @sanisoclem thanks for reaching out. This is an issue with swr dependencies. One day ago 2.3.0 was release which addresses the issue. Simply try to update your dependencies or reinstall the packages. Clerk is using ^2.2.0 which with a fresh install will get you the 2.3.0 version.

Happy hacking and happy holidays.

@panteliselef panteliselef self-assigned this Dec 24, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
needs-triage A ticket that needs to be triaged by a team member
Projects
None yet
Development

No branches or pull requests

2 participants