Verify canary release

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

Provide environment information

node > 14

NextJS 13.1.1

Which area(s) of Next.js are affected? (leave empty if unsure)

Middleware / Edge (API routes, runtime)

Link to the code that reproduces this issue

https://codesandbox.io/p/sandbox/floral-glitter-3mp1x0?file=%2Fnext.config.js&selection=%5B%7B%22endColumn%22%3A1%2C%22endLineNumber%22%3A11%2C%22startColumn%22%3A1%2C%22startLineNumber%22%3A11%7D%5D

CodeSandbox example here

just try to visit any 404 URL like /en/reset-password

and invariant will trigger

Describe the Bug

Am trying to use a middleware to redirect users using localization middleware

Everything works fine until I implement a 404.tsx page
which results in showing

Invariant: attempted to hard navigate to the same URL

for the 404 pages ( only when using 404.tsx )

Expected Behavior

To show 404 without any error similar

Which browser are you using? (if relevant)

No response

How are you deploying your application? (if relevant)

No response