Does anybody get this error? DOMTokenList.add: The token can not contain whitespace.

[RockyAiii]

Summary

This could be just me (probably). I create a new app, install shadcn and follow the doc for the darkmode toggle. Soon as i add the ThemeProvider to the layout, I get this error

DOMTokenList.add: The token can not contain whitespace.

lib/providers/ThemeProvider.tsx (7:5) @ ThemeProvider

5 | export function ThemeProvider({ children }: { children: React.ReactNode }) {
6 | return (

7 |
| ^
8 | {children}
9 |
10 | );

Now in v16.0.4/5 I think, I did exactly the same thing but never had this error appear.

Is this a bug or does anybody else who just creates a new app and follow the doc for the shadcn toggle? I've tried it without any component package and still the same.

Additional information

Just to note that this error appears as soon as i wrap the next-themes provider around the root layout.

Example

No response

[icyJoseph]

I guess you are likely trying to apply two class names on theme switch?

• https://developer.mozilla.org/en-US/docs/Web/API/DOMTokenList/toggle

That method expects one class only, so no whitespaces allowed.

[RockyAiii]

Hi Joseph. I literally create a new app, install next-themes and wrap the ThemeProvider in the layout like I have done for a few years where I needed to toggle the theme, but now I get this error. I strip the page file down to a single div and the css down and still no resolve. If u ever have 5 minutes can u create a new app with next-themes and see if u get the same.

[RockyAiii]

I'm going to get me coat. Dam local storage had another setting from previous projects that messed this up. My apologies.