aboutsummaryrefslogtreecommitdiffstats
path: root/packages/excalidraw/hooks/useStableCallback.ts
diff options
context:
space:
mode:
Diffstat (limited to 'packages/excalidraw/hooks/useStableCallback.ts')
-rw-r--r--packages/excalidraw/hooks/useStableCallback.ts18
1 files changed, 18 insertions, 0 deletions
diff --git a/packages/excalidraw/hooks/useStableCallback.ts b/packages/excalidraw/hooks/useStableCallback.ts
new file mode 100644
index 0000000..9920a73
--- /dev/null
+++ b/packages/excalidraw/hooks/useStableCallback.ts
@@ -0,0 +1,18 @@
+import { useRef } from "react";
+
+/**
+ * Returns a stable function of the same type.
+ */
+export const useStableCallback = <T extends (...args: any[]) => any>(
+ userFn: T,
+) => {
+ const stableRef = useRef<{ userFn: T; stableFn?: T }>({ userFn });
+ stableRef.current.userFn = userFn;
+
+ if (!stableRef.current.stableFn) {
+ stableRef.current.stableFn = ((...args: any[]) =>
+ stableRef.current.userFn(...args)) as T;
+ }
+
+ return stableRef.current.stableFn as T;
+};