Use newer test library to test strict mode

package.json

@@ -12,7 +12,6 @@
   ],
   "engines": {
     "node": ">=10"
-
   },
   "scripts": {
     "build": "run-s build:*",
@@ -112,9 +111,10 @@
   "devDependencies": {
     "@astrojs/language-server": "^2.3.3",
     "@size-limit/preset-small-lib": "^9.0.0",
-    "@testing-library/react-hooks": "^8.0.1",
+    "@testing-library/react": "^14.1.2",
     "@testing-library/vue": "^8.0.1",
-    "@types/react": "^17",
+    "@types/react": "^18",
+    "@types/use-sync-external-store": "^0.0.6",
     "@vitejs/plugin-vue": "^4.2.3",
     "@vitest/coverage-v8": "^0.34.4",
     "@vitest/ui": "^0.34.4",
@@ -125,13 +125,14 @@
     "jotai": "^2.4.2",
     "npm-run-all": "^4.1.5",
     "prettier": "^3.1.0",
-    "react": "^17",
-    "react-is": "^17",
-    "react-test-renderer": "^17",
+    "react": "^18",
+    "react-is": "^18",
+    "react-test-renderer": "^18",
     "size-limit": "^7.0.8",
     "tslib": "^2.3.1",
     "tsup": "^8.0.1",
     "typescript": "^4.6.3",
+    "use-sync-external-store": "^1.2.0",
     "vitest": "^0.33.0",
     "vue": "^3.3.4"
   }

src/react/ComponentScope.test.tsx

@@ -1,4 +1,4 @@
-import { act, renderHook } from "@testing-library/react-hooks";
+import { act, renderHook } from "@testing-library/react";
 import { atom, useAtom } from "jotai";
 import { createLifecycleUtils } from "../shared/testing/lifecycle";
 import { ComponentScope, molecule } from "./";

src/react/ScopeProvider.test.tsx

@@ -1,4 +1,4 @@
-import { act, renderHook } from "@testing-library/react-hooks";
+import { act, renderHook } from "@testing-library/react";
 import { atom, useAtom } from "jotai";
 import React, { ReactNode, useContext, useRef, useState } from "react";
 import { createLifecycleUtils } from "../shared/testing/lifecycle";

src/react/sanity.test.tsx

@@ -0,0 +1,23 @@
+import { renderHook } from "@testing-library/react";
+import { StrictMode, useEffect } from "react";
+
+describe("Strict mode", () => {
+  test("Runs `useEffect` twice", () => {
+    const runs = vi.fn();
+    const cleanups = vi.fn();
+    const result = renderHook(
+      () => {
+        useEffect(() => {
+          runs();
+          return cleanups;
+        }, []);
+      },
+      { wrapper: StrictMode },
+    );
+    expect(runs).toBeCalledTimes(2);
+    expect(cleanups).toBeCalledTimes(1);
+    result.unmount();
+    expect(runs).toBeCalledTimes(2);
+    expect(cleanups).toBeCalledTimes(2);
+  });
+});

src/react/useInjector.test.tsx

@@ -1,4 +1,4 @@
-import { act, renderHook } from "@testing-library/react-hooks";
+import { act, renderHook } from "@testing-library/react";
 import { atom, getDefaultStore, useAtomValue } from "jotai";
 import React from "react";
 import {

src/react/useMolecule.test.tsx

@@ -1,4 +1,4 @@
-import { renderHook } from "@testing-library/react-hooks";
+import { renderHook } from "@testing-library/react";
 import React, { useContext } from "react";
 import { createScope, molecule, onMount, onUnmount, use } from ".";
 import { ScopeProvider } from "./ScopeProvider";