chore(connector-react): move react to peerDependencies

ckb-devrel · Sep 3, 2024 · 5e796a5 · 5e796a5
1 parent 35feb50
commit 5e796a5
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 8 deletions.
diff --git a/packages/connector-react/package.json b/packages/connector-react/package.json
@@ -40,7 +40,9 @@
   },
   "dependencies": {
     "@ckb-ccc/connector": "workspace:*",
-    "@lit/react": "^1.0.5",
-    "react": "^18"
+    "@lit/react": "^1.0.5"
+  },
+  "peerDependencies": {
+    "react": ">=16"
   }
-}
+}
diff --git a/packages/connector-react/src/hooks/useCcc.tsx b/packages/connector-react/src/hooks/useCcc.tsx
@@ -1,7 +1,11 @@
 import { ccc } from "@ckb-ccc/connector";
 import React, {
+  CSSProperties,
+  HTMLAttributes,
+  ReactNode,
   createContext,
   useCallback,
+  useContext,
   useEffect,
   useMemo,
   useRef,
@@ -58,8 +62,8 @@ export function Provider({
   defaultClient,
   preferredNetworks,
 }: {
-  children: React.ReactNode;
-  connectorProps?: React.HTMLAttributes<{}>;
+  children: ReactNode;
+  connectorProps?: HTMLAttributes<{}>;
   name?: string;
   icon?: string;
   signerFilter?: (
@@ -146,7 +150,7 @@ export function Provider({
               "--btn-secondary-hover": "#ccc",
               color: "#1e1e1e",
               "--tip-color": "#666",
-            } as React.CSSProperties),
+            } as CSSProperties),
           },
         }}
       />
@@ -156,7 +160,7 @@ export function Provider({
 }
 
 export function useCcc() {
-  const context = React.useContext(CCC_CONTEXT);
+  const context = useContext(CCC_CONTEXT);
   if (!context) {
     throw Error(
       "The component which invokes the useCcc hook should be placed in a ccc.Provider.",

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml