CSS modules not working in /app/not-found.tsx

[nghiepdev]

Verify canary release

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

Provide environment information

Operating System:
      Platform: linux
      Arch: x64
      Version: #22 SMP Tue Jan 10 18:39:00 UTC 2023
    Binaries:
      Node: 16.17.0
      npm: 8.15.0
      Yarn: 1.22.19
      pnpm: 7.1.0
    Relevant packages:
      next: 13.3.0
      eslint-config-next: 13.2.4
      react: 18.2.0
      react-dom: 18.2.0

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

App directory (appDir: true)

Link to the code that reproduces this issue

https://codesandbox.io/p/sandbox/dark-microservice-lxq1q8?file=%2Fapp%2Fnot-found.tsx

To Reproduce

Click to Go to 404 page.

Describe the Bug

CSS modules do not apply in not-found.tsx

Expected Behavior

CSS modules just work

Which browser are you using? (if relevant)

Chrome

How are you deploying your application? (if relevant)

next dev

[jinojacob15]

Me also had the same experience , the new 'not-found.js' file is full of bugs , link is broken , css modules being not loaded .
seems like connected with this bug #48073

[schardev]

Can confirm this as well. Importing the *.module.scss in not-found.tsx itself works but the styles aren't being compiled.

Edit: I sorta worked around it by using a separate route for 404 and redirecting all the "not found" throws to it.

[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.