Fix useLatestRef Hook

atomiks · Apr 11, 2024 · 3df5a59 · 3df5a59
1 parent dc34e32
commit 3df5a59
Showing 1 changed file with 14 additions and 0 deletions.
diff --git a/packages/mui-base/src/utils/useLatestRef.ts b/packages/mui-base/src/utils/useLatestRef.ts
@@ -0,0 +1,14 @@
+'use client';
+import * as React from 'react';
+import { useEnhancedEffect } from './useEnhancedEffect';
+
+/**
+ * @ignore - internal hook.
+ */
+export function useLatestRef<T>(value: T) {
+  const ref = React.useRef(value);
+  useEnhancedEffect(() => {
+    ref.current = value;
+  });
+  return ref;
+}