@vueless/storybook-dark-mode 9.0.8 → 9.0.9

package/dist/cjs/index.js

@@ -31,7 +31,9 @@ function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
  * Returns the current state of storybook's dark-mode
  */
 function useDarkMode() {
-  var _useState = (0, _previewApi.useState)((0, _Tool.store)().current === 'dark'),
+  var _useState = (0, _previewApi.useState)(function () {
+      return (0, _Tool.store)().current === 'dark';
+    }),
     _useState2 = _slicedToArray(_useState, 2),
     isDark = _useState2[0],
     setIsDark = _useState2[1];

package/dist/esm/index.js

@@ -12,7 +12,9 @@ import { store } from './Tool';
  * Returns the current state of storybook's dark-mode
  */
 export function useDarkMode() {
-  var _useState = useState(store().current === 'dark'),
+  var _useState = useState(function () {
+      return store().current === 'dark';
+    }),
     _useState2 = _slicedToArray(_useState, 2),
     isDark = _useState2[0],
     setIsDark = _useState2[1];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vueless/storybook-dark-mode",
-  "version": "9.0.8",
+  "version": "9.0.9",
   "description": "Toggle between light and dark mode in Storybook",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",

package/src/index.tsx

@@ -6,7 +6,7 @@ import { store } from './Tool';
  * Returns the current state of storybook's dark-mode
  */
 export function useDarkMode(): boolean {
-  const [isDark, setIsDark] = useState(store().current === 'dark');
+  const [isDark, setIsDark] = useState(() => store().current === 'dark');
 
   useEffect(() => {
     const chan = addons.getChannel();