From 3952486c57931823ec9cac0e45378742b35de051 Mon Sep 17 00:00:00 2001 From: HuaZhuangNan Date: Tue, 9 Apr 2024 23:12:33 +0800 Subject: [PATCH] Update react-deps.js fix RollupError: [commonjs--resolver] node_modules/wouter/esm/react-deps.js (8:2): Identifier "useRef" has already been declared --- packages/wouter/src/react-deps.js | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/packages/wouter/src/react-deps.js b/packages/wouter/src/react-deps.js index a735c925..b183fef9 100644 --- a/packages/wouter/src/react-deps.js +++ b/packages/wouter/src/react-deps.js @@ -3,7 +3,6 @@ import * as React from "react"; const { useEffect, useLayoutEffect, - useRef, } = React; // React.useInsertionEffect is not available in React <18 @@ -58,7 +57,7 @@ export const useInsertionEffect = // .current at the right timing." // So we will have to make do with this "close enough" approach for now. export const useEvent = (fn) => { - const ref = useRef([fn, (...args) => ref[0](...args)]).current; + const ref = React.useRef([fn, (...args) => ref[0](...args)]).current; // Per Dan Abramov: useInsertionEffect executes marginally closer to the // correct timing for ref synchronization than useLayoutEffect on React 18. // See: https://github.com/facebook/react/pull/25881#issuecomment-1356244360