No force setting a cookie in localStorage when theme mode stays at default

[designtology]

• [x ] I have searched the Issues to see if this bug has already been reported
• [ x] I have tested the latest version

Steps to reproduce

1. Create a gatsbyjs project
2. Install Flowbite and Flowbite-react
3. Implement component without setting a theme
4. Develop with 'Gatsby develop'
5. Take a look into local storage in browser

Current behavior

The 'flowbite-theme-mode' cookie is ALWAYS being set even if no theme mode being used.

Expected behavior

Having control over what cookie being set or at least fix a default value somewhere else preventing a cookie being set, when no theme mode is being used. I expect a default value written in the codes core not in a cookie.

Context

I tried to remove the cookie by code. Since I am using multiple templates, I tried removing it with onClientEntry and onInitialClientRender which will only succeed once. As soon as the site being reloaded, the cookie is back.

There seems to be no option to control this cookie. Searching the code also results in nothing. I could not find anything to control this cookie. I do use a custom theme but with no theme mode. It should be light by default, but it should definitely not being read from the local storage but being set internally. It does not make much sense to force write a default value into a cookie when this value will never ever change.

No dark mode, just default light mode.

If you dont respect GDPR because it is annoying we can team up: I dont like the rules either!
But reading default values from a cookie which is written by default does not make a lot of sense. Store the default values in the core, not in a cookie.

NOTE: I know some people are allergic on this specific issue. You can detach this from the GDPR topic and focus on NOT setting a cookie when there is no theme mode.

[SutuSebastian]

Hey there, I agree with u on this one.

There is an amount of work regarding this issue as well in the #1498 PR that is coming soon, offering full control over the "subscribe" method and local-storage sync.

So stay tuned.

[designtology]

Great! Is there any temporarily workaround avoiding the cookie to be set at all?

[SutuSebastian]

Great! Is there any temporarily workaround avoiding the cookie to be set at all?

Currently the LocalStorage value is being set by the hook called useThemeMode() which is also rendered inside <Flowbite /> react component.

Currently the only way to avoid it is to avoid using <Flowbite /> and useThemeMode(), until we get the PR going.

[SutuSebastian]

@designtology Quick update:

#1498 was merged and released, now useThemeMode hook does not set the localStorage value by default on-load, but it still sets the value in localStorage if the methods setMode() or toggleMode() are called.

I'll revamp soon the logic behind and expose probably a new component called ThemeModeProvider which lets u chose where the value is being saved, basically expose a get(), and set() method for headless control.