Skip to content

[Bug]: <Route path="/"><Route path="*" /><Route /> doesn't match #8517

@tiltysola

Description

@tiltysola

What version of React Router are you using?

6.2.1

Steps to Reproduce

Case 1:

    <Routes>
      <Route path="/" element={<Layout />}>
        <Route path="a" element={<Custom text="a" />}>
          <Route path="b" element={<Custom text="b" />} />
          <Route path="*" element={<Notfound />} />
        </Route>
        <Route path="*" element={<Notfound />} />
      </Route>
    </Routes>

Case 2:

    <Routes>
      <Route path="/" element={<Layout />}>
        <Route path="a/*" element={<Custom text="a" />}>
          <Route path="b" element={<Custom text="b" />} />
          <Route path="*" element={<Notfound />} />
        </Route>
        <Route path="*" element={<Notfound />} />
      </Route>
    </Routes>

Expected Behavior

Case 1 === Case 2

Actual Behavior

Visit path /a it response:

Case 1:

Layout
a

Case 2:

Layout
a
NotFound

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions