fix(utilities): resolve assignRef TypeScript ref assignment issue (#3098

) * fix(utilities): resolve assignRef TypeScript ref assignment issue * chore(changeset): revise changeset message --------- Co-authored-by: WK Wong <[email protected]>
nextui-org · Jun 15, 2024 · b9bb06f · b9bb06f
1 parent 255c641
commit b9bb06f
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/.changeset/violet-oranges-teach.md b/.changeset/violet-oranges-teach.md
@@ -0,0 +1,5 @@
+---
+"@nextui-org/react-utils": patch
+---
+
+refactored the assignRef function to remove @ts-ignore and properly handle reference assignment using MutableRefObject
diff --git a/packages/utilities/react-utils/src/refs.ts b/packages/utilities/react-utils/src/refs.ts
@@ -1,5 +1,6 @@
 import * as React from "react";
 import {isFunction} from "@nextui-org/shared-utils";
+import {MutableRefObject} from "react";
 
 export type ReactRef<T> = React.RefObject<T> | React.MutableRefObject<T> | React.Ref<T>;
 
@@ -19,8 +20,7 @@ export function assignRef<T = any>(ref: ReactRef<T> | undefined, value: T) {
   }
 
   try {
-    // @ts-ignore
-    ref.current = value;
+    (ref as MutableRefObject<T>).current = value;
   } catch (error) {
     throw new Error(`Cannot assign value '${value}' to ref '${ref}'`);
   }