[Bug]: react-router-dom-v5-compat v6.16.0 has an undeclared dependency on @remix-run/router

[jfirebaugh]

What version of React Router are you using?

6.16.0

Steps to Reproduce

pnpm init
echo "hoist=false" >.npmrc
pnpm i react react-dom react-router-dom@5 react-router-dom-v5-compat typescript

tsconfig.json:

{
  "compilerOptions": {
    "lib": ["es2018", "dom"],
  }
}

index.ts:

import { CompatRouter } from "react-router-dom-v5-compat"

Run pnpm tsc.

Expected Behavior

pnpm tsc runs without errors.

Actual Behavior

node_modules/.pnpm/[email protected][email protected][email protected][email protected]/node_modules/react-router-dom-v5-compat/dist/react-router-dom/dom.d.ts:1:71 - error TS2307: Cannot find module '@remix-run/router' or its corresponding type declarations.

1 import type { FormEncType, HTMLFormMethod, RelativeRoutingType } from "@remix-run/router";
                                                                        ~~~~~~~~~~~~~~~~~~~

node_modules/.pnpm/[email protected][email protected][email protected][email protected]/node_modules/react-router-dom-v5-compat/dist/react-router-dom/index.d.ts:7:203 - error TS2307: Cannot find module '@remix-run/router' or its corresponding type declarations.

7 import type { Fetcher, FormEncType, FormMethod, FutureConfig as RouterFutureConfig, GetScrollRestorationKeyFunction, History, HTMLFormMethod, HydrationState, Router as RemixRouter, V7_FormMethod } from "@remix-run/router";
                                                                                                                                                                                                            ~~~~~~~~~~~~~~~~~~~


Found 2 errors in 2 files.

[timdorr]

This is something with pnpm. react-router-dom-v5-compat depends on react-router@6, which depends on @remix-run/router. The dependency is definitely installed and will be visible with npm ls @remix-run/router

[jfirebaugh]

It's something that happens to work with npm's hoisting algorithm, but does not work with pnpm with hoist=false or with Yarn PnP (see "Ghost dependencies protection"), and may not even work with npm in the future depending on the outcome of npm/rfcs#287.

Packages should always declare dependencies for packages they directly require or import, and not rely on transitive dependencies getting hoisted.