Streaming(edge): static routes are caught by top root level dynamic routes

[huozhi]

Verify canary release

• I verified that the issue exists in Next.js canary release

Provide environment information

    Operating System:
      Platform: darwin
      Arch: arm64
      Version: Darwin Kernel Version 21.1.0: Wed Oct 13 17:33:24 PDT 2021; root:xnu-8019.41.5~1/RELEASE_ARM64_T8101
    Binaries:
      Node: 14.17.0
      npm: 8.5.5
      Yarn: 1.22.15
      pnpm: 6.11.0
    Relevant packages:
      next: 12.1.1-canary.14
      react: 18.0.0-rc.2
      react-dom: 18.0.0-rc.2

What browser are you using? (if relevant)

No response

How are you deploying your application? (if relevant)

No response

Describe the Bug

Top level dynamic routing component catches the routes of static files, leading to 404 for all static files

Expected Behavior

Dynamic routes shouldn't effect the static routes

To Reproduce

Create repro app with following code snippet

// pages/[...slug].js
export default () => 'slug'

// pages/index.js
export default () => 'index'

Set up global runtime option in next.config.js for streaming

module.exports = {
  experimental: {
    runtime: 'edge'
  }
}

• Run next dev
• Visit localhost:3000/, it works and show index
• Visit other routes like localhost:3000/foo, checkout network panels, all static routes requests failed with 404

[github-actions]

This closed issue has been automatically locked because it had no new activity for a month. If you are running into a similar issue, please create a new issue with the steps to reproduce. Thank you.