Inline type import issue when migrating to React Router v7

[RawandDev]

In my project, I enforce inline-import for types. My eslint rules are like

rules: {
    "@typescript-eslint/consistent-type-imports": [
      "error",
      { fixStyle: "inline-type-imports" },
    ],
    "import/consistent-type-specifier-style": ["error", "prefer-inline"],
    "import/no-duplicates": ["error", { "prefer-inline": true }],
  },

With these rules, inline type imports like this are allowed:

import { type MyType, myFunc } from "general.ts"; // ✅ Preferred

But top-level type imports are not:

import type { MyType } from "general.ts"; // ❌ Not allowed

However, when importing Route in React Router v7, there seems to be issues resolving paths when using inline type imports. For example:

import { type Route } from "./+types/about"; // ❌ Error: Unable to resolve path to module

The error disappears if I use a top-level type import:

import type { Route } from "./+types/about"; // ✅ Works but violates my rules

I want to maintain inline type imports across my project while resolving this issue. I could disable the rules or allow top-level imports, but I prefer to keep the rules consistent.

In the docs, it is mentioned as top level import so I was curious if anyone else faced this issue and there is a good workaround.

[akamfoad]

I have the same issue, I added the ./+types to ignore option of the no-unresolved rule but the issue still persisted.