From b23678f58ffbe34d3138f97047892baf4d4407a0 Mon Sep 17 00:00:00 2001
From: Mayank <mayank.srmu@gmail.com>
Date: Fri, 13 Dec 2024 15:08:18 +0530
Subject: [PATCH 1/4] fix: types definitions not used because of node.js
 updates

---
 examples/nextjs/next-env.d.ts |  1 +
 lib/package.json              | 20 ++++++++++----------
 2 files changed, 11 insertions(+), 10 deletions(-)

diff --git a/examples/nextjs/next-env.d.ts b/examples/nextjs/next-env.d.ts
index 1b3be084..3cd7048e 100644
--- a/examples/nextjs/next-env.d.ts
+++ b/examples/nextjs/next-env.d.ts
@@ -1,5 +1,6 @@
 /// <reference types="next" />
 /// <reference types="next/image-types/global" />
+/// <reference types="next/navigation-types/compat/navigation" />
 
 // NOTE: This file should not be edited
 // see https://nextjs.org/docs/app/api-reference/config/typescript for more information.
diff --git a/lib/package.json b/lib/package.json
index af2de511..b9187def 100644
--- a/lib/package.json
+++ b/lib/package.json
@@ -17,29 +17,29 @@
   ],
   "exports": {
     ".": {
+      "types": "./dist/index.d.ts",
       "require": "./dist/index.js",
-      "import": "./dist/index.mjs",
-      "types": "./dist/index.d.ts"
+      "import": "./dist/index.mjs"
     },
     "./switch": {
+      "types": "./dist/client/switch/index.d.ts",
       "require": "./dist/client/switch/index.js",
-      "import": "./dist/client/switch/index.mjs",
-      "types": "./dist/client/switch/index.d.ts"
+      "import": "./dist/client/switch/index.mjs"
     },
     "./dist/client/switch": {
+      "types": "./dist/client/switch/index.d.ts",
       "require": "./dist/client/switch/index.js",
-      "import": "./dist/client/switch/index.mjs",
-      "types": "./dist/client/switch/index.d.ts"
+      "import": "./dist/client/switch/index.mjs"
     },
     "./hooks": {
+      "types": "./dist/hooks/index.d.ts",
       "require": "./dist/hooks/index.js",
-      "import": "./dist/hooks/index.mjs",
-      "types": "./dist/hooks/index.d.ts"
+      "import": "./dist/hooks/index.mjs"
     },
     "./dist/hooks": {
+      "types": "./dist/hooks/index.d.ts",
       "require": "./dist/hooks/index.js",
-      "import": "./dist/hooks/index.mjs",
-      "types": "./dist/hooks/index.d.ts"
+      "import": "./dist/hooks/index.mjs"
     },
     "./css": "./dist/index.css",
     "./dist/index.css": "./dist/index.css"

From 071c41d76c8a836d7bae03e6a6a6fad069443289 Mon Sep 17 00:00:00 2001
From: Mayank <mayank.srmu@gmail.com>
Date: Fri, 13 Dec 2024 15:34:32 +0530
Subject: [PATCH 2/4] minify

---
 lib/src/client/core/core.tsx |  6 ++----
 lib/src/hooks/use-mode.ts    | 13 +++++--------
 2 files changed, 7 insertions(+), 12 deletions(-)

diff --git a/lib/src/client/core/core.tsx b/lib/src/client/core/core.tsx
index 9c1ef937..5e6c9011 100644
--- a/lib/src/client/core/core.tsx
+++ b/lib/src/client/core/core.tsx
@@ -1,6 +1,6 @@
 import { DARK, LIGHT } from "../../constants";
 import { ColorSchemePreference, ResolvedScheme, useStore } from "../../utils";
-import { memo, useEffect } from "react";
+import {  useEffect } from "react";
 import { noFOUCScript } from "./no-fouc";
 
 let media: MediaQueryList,
@@ -14,7 +14,7 @@ interface ScriptProps {
 }
 
 /** Avoid rerender of script */
-const Script = memo(
+const Script = 
   ({ n, k }: ScriptProps) => (
     <script
       suppressHydrationWarning
@@ -22,8 +22,6 @@ const Script = memo(
       dangerouslySetInnerHTML={{ __html: `(${noFOUCScript.toString()})('${k}')` }}
       nonce={n}
     />
-  ),
-  () => true,
 );
 
 export interface CoreProps {
diff --git a/lib/src/hooks/use-mode.ts b/lib/src/hooks/use-mode.ts
index ca168756..ab37a327 100644
--- a/lib/src/hooks/use-mode.ts
+++ b/lib/src/hooks/use-mode.ts
@@ -19,15 +19,12 @@ export interface UseModeYeild {
  * @source - Source code
  */
 export const useMode = (): UseModeYeild => {
-  const [{ m: mode, s: systemMode }, setState] = useStore();
+  const [{ m, s }, setState] = useStore();
   /** Set user preference */
-  const setMode = (m: ColorSchemePreference) => {
-    setState(prev => ({ ...prev, m }));
-  };
   return {
-    mode,
-    systemMode,
-    resolvedMode: (mode === SYSTEM ? systemMode : mode) as ResolvedScheme,
-    setMode,
+    mode: m,
+    systemMode: s,
+    resolvedMode: (m === SYSTEM ? s : m) as ResolvedScheme,
+    setMode: (m: ColorSchemePreference) => setState({ s, m }),
   };
 };

From 427c74b248fa44f5ea0ab906c4d357e8f482f138 Mon Sep 17 00:00:00 2001
From: Mayank <mayank.srmu@gmail.com>
Date: Fri, 13 Dec 2024 15:36:22 +0530
Subject: [PATCH 3/4] docs(changeset): Upgrade packages...

---
 .changeset/thin-melons-dress.md | 5 +++++
 1 file changed, 5 insertions(+)
 create mode 100644 .changeset/thin-melons-dress.md

diff --git a/.changeset/thin-melons-dress.md b/.changeset/thin-melons-dress.md
new file mode 100644
index 00000000..1407b1ca
--- /dev/null
+++ b/.changeset/thin-melons-dress.md
@@ -0,0 +1,5 @@
+---
+"nextjs-darkmode": patch
+---
+
+Upgrade packages...

From 4ac0a618d1d69666677d781d0c6acbb861e385ff Mon Sep 17 00:00:00 2001
From: "deepsource-autofix[bot]"
 <62050782+deepsource-autofix[bot]@users.noreply.github.com>
Date: Fri, 13 Dec 2024 10:07:23 +0000
Subject: [PATCH 4/4] style: format code with Prettier

This commit fixes the style issues introduced in 427c74b according to the output
from Prettier.

Details: https://github.com/react18-tools/nextjs-darkmode/pull/17
---
 lib/src/client/core/core.tsx | 17 ++++++++---------
 1 file changed, 8 insertions(+), 9 deletions(-)

diff --git a/lib/src/client/core/core.tsx b/lib/src/client/core/core.tsx
index 5e6c9011..6645bfd4 100644
--- a/lib/src/client/core/core.tsx
+++ b/lib/src/client/core/core.tsx
@@ -1,6 +1,6 @@
 import { DARK, LIGHT } from "../../constants";
 import { ColorSchemePreference, ResolvedScheme, useStore } from "../../utils";
-import {  useEffect } from "react";
+import { useEffect } from "react";
 import { noFOUCScript } from "./no-fouc";
 
 let media: MediaQueryList,
@@ -14,14 +14,13 @@ interface ScriptProps {
 }
 
 /** Avoid rerender of script */
-const Script = 
-  ({ n, k }: ScriptProps) => (
-    <script
-      suppressHydrationWarning
-      // skipcq: JS-0440
-      dangerouslySetInnerHTML={{ __html: `(${noFOUCScript.toString()})('${k}')` }}
-      nonce={n}
-    />
+const Script = ({ n, k }: ScriptProps) => (
+  <script
+    suppressHydrationWarning
+    // skipcq: JS-0440
+    dangerouslySetInnerHTML={{ __html: `(${noFOUCScript.toString()})('${k}')` }}
+    nonce={n}
+  />
 );
 
 export interface CoreProps {