GithubHelp home page GithubHelp logo

aparx / nextjs-deep-defaultjs-bug Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 51 KB

Repository representing a NextJS bug in which a default.js is not registered and rendered once put deeper than a parallel route itself.

JavaScript 9.05% TypeScript 90.95%

nextjs-deep-defaultjs-bug's Introduction

What is the issue?

The default.js examples suggest that it is possible to contain default.js files deeper than the parallel route itself. Such that subfolders can contain a version of default Next displays when a fallback is needed. This does not work as proposed in 14.2.0 & 14.2.2 when using a route parameter.

Expected behaviour & issue

The route file-tree looks like this:

- @team
-- [teamId]
    default.tsx
    page.tsx

- [teamId]
   page.tsx
-- settings
    page.tsx

Both are simultaneously rendered beneath each other in the root layout.tsx.

  1. We expect following when navigating to /testId/: (passed)

    1. the content of @team/[teamId]/page.tsx is rendered
    2. the content of [teamId]/page.tsx is rendered
  2. We expect following when navigating to /testId/settings: (failed)

    1. the content of [teamId]/settings/page.tsx is rendered
    2. the content of @team/[teamId]/default.tsx is rendered (Unexpected)

By default, neither is rendered from point two, since a 404 is thrown. Only, when adding a default.js at @team/ directly, the first is rendered. The more deeply located default file is completely ignored.

This is unexpected, according to the docs.

nextjs-deep-defaultjs-bug's People

Contributors

aparx avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.