Comments (6)
Hi @MrOxMasTer -- does the modal close for you if you add a @navigation/page.tsx
component that returns null? If you're navigating to the index route, it's going to try and match @navigation/page.tsx
rather than @navigation/[...catchAll]
([...catchAll]
would apply to /foo
, /foo/bar
, but not /
).
I can see how the docs are a bit unclear here, so I'll get those updated.
from next.js.
Hi @MrOxMasTer -- does the modal close for you if you add a
@navigation/page.tsx
component that returns null? If you're navigating to the index route, it's going to try and match@navigation/page.tsx
rather than@navigation/[...catchAll]
([...catchAll]
would apply to/foo
,/foo/bar
, but not/
).I can see how the docs are a bit unclear here, so I'll get those updated.
I deleted page.tsx to check, but it was there before and also didn't work on 14.2.3.
from next.js.
Hi @MrOxMasTer -- does the modal close for you if you add a
@navigation/page.tsx
component that returns null? If you're navigating to the index route, it's going to try and match@navigation/page.tsx
rather than@navigation/[...catchAll]
([...catchAll]
would apply to/foo
,/foo/bar
, but not/
).I can see how the docs are a bit unclear here, so I'll get those updated.
I read your comment about this and about the suggestion to support [[...catchAll]] in special routes and so also tried your way but it doesn't work still
from next.js.
from next.js.
Hi @MrOxMasTer -- does the modal close for you if you add a
@navigation/page.tsx
component that returns null? If you're navigating to the index route, it's going to try and match@navigation/page.tsx
rather than@navigation/[...catchAll]
([...catchAll]
would apply to/foo
,/foo/bar
, but not/
).
I can see how the docs are a bit unclear here, so I'll get those updated.I deleted page.tsx to check, but it was there before and also didn't work on 14.2.3.
I tried your provided reproduction and it works fine if I add a app/@modal/page.tsx
component that returns null.
CleanShot.2024-04-26.at.14.05.12.mp4
Please provide an updated reproduction for us to look into this for you. Thanks!
from next.js.
Please provide an updated reproduction for us to look into this for you. Thanks!
So, I deleted the .next folder and ran it again and it worked!
Then let me ask you another question. Do I understand correctly that in this situation it can only lead to the home page? It seems logical, because the link is to the main page, but maybe somehow it can be realised by intercepts?
Because when testing on other pages, it doesn't return to the main page all the time.
from next.js.
Related Issues (20)
- Next.js cannot compile with turbo when lowlight is used HOT 6
- Screen flickers when setting cookies (server side)
- Docs: Resource Hints section contains `ReactDOM.prefetchDNS` method typo
- Inconsistent behavior with loading state (`loading.tsx`) and `useTransition` HOT 1
- Problem with Next.js Turbo Mode and Non-English Characters. HOT 2
- 14.3.0-canary.28 fails with `node-module-in-edge-runtime` HOT 3
- Turbopack does not resolve "local" linked/file dependencies. HOT 1
- Failed to load plugin '@next/next declared in '--config >> eslint-config-next/core-web-vitals HOT 1
- next/font localFont can't resolve paths with import aliases
- Element type is invalid when building Next.js 14 project HOT 1
- LangChain not compatible with Next.js 14.2.x and causing error in server component rendering.
- <Link> doesn't navigate to the intercepted route in specific scenario
- Should be able to invalidate an in-flight server action via middleware HOT 1
- Error occurs when opening client page with turbopack enabled in "output: export" mode
- Vercel Deployment Error: Middleware Invocation Failure (Status 500) HOT 1
- Vercel Deployment Error: Middleware Invocation Failure (Status 500)
- Dynamically Imported Components unmount unexpectedly during Hydration if any parent React context updates
- React does not recognize the `fetchPriority` prop on a DOM element. HOT 9
- router.back() causes an error on intercepted route
- Inconsistently managing .env files between edge and nodejs runtimes HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from next.js.