LocalStorage变量本身会不断地在两个值之间不断切换,这毫无理由-这是Chrome的错误吗?

我是网站所有者,控制我网站上的明/暗模式的按钮只是简单的div,它们使用LocalStorage以非常简单的方式根据用户的选择来更新页面的样式:

<div id="go-to-dark-mode-icon" onclick="localStorage.setItem('brightness', 'dark'); location.reload()">
   &nbsp;
</div>
<div id="go-to-light-mode-icon" onclick="localStorage.setItem('brightness', 'white'); location.reload()">
   &nbsp;
</div>

但是最近我遇到了一个奇怪的错误,该错误似乎只发生在我的计算机的Google Chrome(据我所知,不是在移动设备,Edge或朋友的计算机上):有时div可以正常工作,然后突然我单击了其中一个,但没有任何变化。从那一刻起,一切都变得很疯狂-我刷新了页面,有时是黑暗的,有时不是,有时是某些元素以亮模式显示,而另一些则是暗模式,等等。

每当发生这种疯狂时,如果我打开Chrome的开发人员工具并转到LocalStorage标签,我就会看到“亮度”变量每隔一两秒钟不断在“暗”和“白”之间来回摆动,但是这样做本身,即使在页面加载后,也无需单击任何内容,也不会引起任何注意。

这种行为是如此怪异,以至于我无法想象其余的代码存在错误,这不仅是因为它与明暗模式的处理方式无关,而且因为用JavaScript可能无法实现即使我想发生什么了?这是已知的Chrome错误吗?有什么办法可以解决?