Skip to content

Poor Error Tracing In React Router on failed imports #13817

Open
@owareoro

Description

@owareoro

I'm using React Router as a...

framework

Reproduction

Go to (https://stackblitz.com/edit/github-vvjxcxd6). The error is already visible.

To clear the error, edit app/page.tsx and remove the import to ReactNode.

System Info

System:
    OS: Windows 10 10.0.21996
    CPU: (8) x64 Intel(R) Core(TM) i5-8350U CPU @ 1.70GHz
    Memory: 2.06 GB / 15.86 GB
  Binaries:
    Node: 22.15.0 - C:\Program Files\nodejs\node.EXE
    npm: 10.9.2 - C:\Program Files\nodejs\npm.CMD
  Browsers:
    Edge: Spartan (44.21996.1.0), Chromium (90.0.818.66)
    Internet Explorer: 11.0.21996.1
  npmPackages:
    @react-router/dev: ^7.5.3 => 7.6.2
    @react-router/node: ^7.6.2 => 7.6.2
    react-router: ^7.5.3 => 7.6.2
    vite: ^6.3.3 => 6.3.5

Used Package Manager

npm

Expected Behavior

React Router should provide some info as to where the error is occurring.

Actual Behavior

React Router currently provides no info except the name of the import.

If the offending module is in node_modules, this means a project-wide search for ReactNode to inspect each import.

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions