shadcn-ui
[bug]: Crash when clicking Sonner notifications in Docs
Describe the bug
The Sonner component works correctly in a normal React app (tested locally), but when interacting with the example on the docs page, the page crashes.
Clicking on any notification type ( Info, Warning, Error, Promise) in the Sonner example on https://ui.shadcn.com/docs/components/sonner causes the page to crash.
Affected component/components
sonner
How to reproduce
Steps to reproduce the behavior:
- Go to the page: https://ui.shadcn.com/docs/components/sonner
- Click on any of the example notifications.
- See error: "Application error: a client-side exception has occurred..."
Codesandbox/StackBlitz link
No response
Logs
sonner:1 Uncaught (in promise) Error: Resource::kQuotaBytesPerItem quota exceeded
The resource <URL> was preloaded using link preload but not used within a few seconds from the window's load event. Please make sure it has an appropriate `as` value and it is preloaded intentionally.
The resource <URL> was preloaded using link preload but not used within a few seconds from the window's load event. Please make sure it has an appropriate `as` value and it is preloaded intentionally.
The resource <URL> was preloaded using link preload but not used within a few seconds from the window's load event. Please make sure it has an appropriate `as` value and it is preloaded intentionally.
The resource <URL> was preloaded using link preload but not used within a few seconds from the window's load event. Please make sure it has an appropriate `as` value and it is preloaded intentionally.
The resource <URL> was preloaded using link preload but not used within a few seconds from the window's load event. Please make sure it has an appropriate `as` value and it is preloaded intentionally.
sonner:1 Uncaught (in promise) Error: Resource::kQuotaBytesPerItem quota exceeded
e96b085c7500653c.js?dpl=dpl_Dg8vSbKYyBFvfmMKcYjmdBgShbNP:2 Uncaught Error: [nuqs] nuqs requires an adapter to work with your framework.
See https://nuqs.dev/NUQS-404
at Object.useAdapter (e96b085c7500653c.js?dpl=dpl_Dg8vSbKYyBFvfmMKcYjmdBgShbNP:2:555)
at d (e96b085c7500653c.js?dpl=dpl_Dg8vSbKYyBFvfmMKcYjmdBgShbNP:2:851)
at u (e96b085c7500653c.js?dpl=dpl_Dg8vSbKYyBFvfmMKcYjmdBgShbNP:2:9594)
at h (30c1124926807b33.js?dpl=dpl_Dg8vSbKYyBFvfmMKcYjmdBgShbNP:4:44637)
at l (e96b085c7500653c.js?dpl=dpl_Dg8vSbKYyBFvfmMKcYjmdBgShbNP:2:14283)
at av (36f560eb02b8105d.js?dpl=dpl_Dg8vSbKYyBFvfmMKcYjmdBgShbNP:1:62291)
at oX (36f560eb02b8105d.js?dpl=dpl_Dg8vSbKYyBFvfmMKcYjmdBgShbNP:1:82564)
at io (36f560eb02b8105d.js?dpl=dpl_Dg8vSbKYyBFvfmMKcYjmdBgShbNP:1:93996)
at sc (36f560eb02b8105d.js?dpl=dpl_Dg8vSbKYyBFvfmMKcYjmdBgShbNP:1:137017)
at 36f560eb02b8105d.js?dpl=dpl_Dg8vSbKYyBFvfmMKcYjmdBgShbNP:1:136862
System Info
Chrome , Firefox ,Safari
Before submitting
- [x] I've made research efforts and searched the documentation
- [x] I've searched for existing issues
I can confirm the page crashing, but I get another error message in the browser console:
Uncaught Error: [nuqs] nuqs requires an adapter to work with your framework.
See https://nuqs.dev/NUQS-404
I can confirm the page crashing, but I get another error message in the browser console:
Uncaught Error: [nuqs] nuqs requires an adapter to work with your framework. See https://nuqs.dev/NUQS-404
Hey @henningsieh I have found the issue in #9065. hopefully it will be fixed.
Yes it show the same error
sonner:1 Uncaught (in promise) Error: Resource::kQuotaBytesPerItem quota exceededUnderstand this error
e96b085c7500653c.js?dpl=dpl_Dg8vSbKYyBFvfmMKcYjmdBgShbNP:2 Uncaught Error: [nuqs] nuqs requires an adapter to work with your framework.
See https://nuqs.dev/NUQS-404
at Object.useAdapter (e96b085c7500653c.js?dpl=dpl_Dg8vSbKYyBFvfmMKcYjmdBgShbNP:2:555)
