Bump packages

example/next-env.d.ts

@@ -1,2 +1,5 @@
 /// <reference types="next" />
-/// <reference types="next/types/global" />
+/// <reference types="next/image-types/global" />
+
+// NOTE: This file should not be edited
+// see https://nextjs.org/docs/basic-features/typescript for more information.

example/package.json

@@ -1,15 +1,15 @@
 {
   "dependencies": {
-    "next": "^10.0.8",
-    "next-dark-mode": "2.3.2",
-    "react": "^17.0.1",
-    "react-dom": "^17.0.1"
+    "next": "^12.1.6",
+    "next-dark-mode": "3.0.0",
+    "react": "^18.1.0",
+    "react-dom": "^18.1.0"
   },
   "devDependencies": {
-    "@types/react": "^17.0.3",
-    "@types/react-dom": "^17.0.2",
-    "intern": "^4.9.0",
-    "typescript": "^4.2.3"
+    "@types/react": "^18.0.9",
+    "@types/react-dom": "^18.0.4",
+    "intern": "^4.10.1",
+    "typescript": "^4.6.4"
   },
   "private": true,
   "scripts": {

example/tsconfig.json

@@ -12,7 +12,8 @@
     "moduleResolution": "node",
     "resolveJsonModule": true,
     "isolatedModules": true,
-    "jsx": "preserve"
+    "jsx": "preserve",
+    "incremental": true
   },
   "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"],
   "exclude": ["node_modules"]

package.json

@@ -9,20 +9,20 @@
   },
   "description": "Enable dark mode for Next.js",
   "devDependencies": {
-    "@types/cookie": "^0.4.0",
-    "@types/react": "^17.0.3",
-    "@types/react-dom": "^17.0.2",
-    "@typescript-eslint/eslint-plugin": "^4.17.0",
-    "@typescript-eslint/parser": "^4.17.0",
-    "concurrently": "^6.0.0",
-    "eslint": "^7.22.0",
-    "eslint-config-alloy": "^3.10.0",
-    "eslint-plugin-react": "^7.22.0",
-    "next": "^10.0.8",
-    "react": "^17.0.1",
-    "react-dom": "^17.0.1",
+    "@types/cookie": "^0.5.1",
+    "@types/react": "^18.0.9",
+    "@types/react-dom": "^18.0.4",
+    "@typescript-eslint/eslint-plugin": "^5.25.0",
+    "@typescript-eslint/parser": "^5.25.0",
+    "concurrently": "^7.2.0",
+    "eslint": "^8.16.0",
+    "eslint-config-alloy": "^4.5.1",
+    "eslint-plugin-react": "^7.30.0",
+    "next": "^12.1.6",
+    "react": "^18.1.0",
+    "react-dom": "^18.1.0",
     "rimraf": "3.0.2",
-    "typescript": "^4.2.3"
+    "typescript": "^4.6.4"
   },
   "homepage": "https://github.com/xeoneux/next-dark-mode",
   "jsnext:main": "src/index.tsx",

src/index.tsx

@@ -1,15 +1,12 @@
 import darkmodejs from '@assortment/darkmodejs'
-import { parseCookies, setCookie } from 'nookies'
-import React, { useEffect, useState } from 'react'
-
 import type { NextComponentType } from 'next'
 import type { AppContext } from 'next/app'
-
+import { parseCookies, setCookie } from 'nookies'
+import React, { useEffect, useState } from 'react'
+import type { Config } from './config'
 import { defaultConfig, MODE } from './config'
 import { DarkModeContext, useDarkMode } from './darkModeContext'
 
-import type { Config } from './config'
-
 interface AppProps {
   autoMode?: boolean
   darkMode?: boolean