fix: rename shouldResetFocus -> shouldResetFocusRef

src/components/Composer/index.native.tsx

@@ -38,7 +38,7 @@ function Composer(
     ref: ForwardedRef<TextInput>,
 ) {
     const textInput = useRef<AnimatedMarkdownTextInputRef | null>(null);
-    const {isFocused, shouldResetFocus} = useResetComposerFocus(textInput);
+    const {isFocused, shouldResetFocusRef} = useResetComposerFocus(textInput);
     const textContainsOnlyEmojis = useMemo(() => EmojiUtils.containsOnlyEmojis(value ?? ''), [value]);
     const theme = useTheme();
     const markdownStyle = useMarkdownStyle(value, !isGroupPolicyReport ? excludeReportMentionStyle : excludeNoStyles);
@@ -95,7 +95,7 @@ function Composer(
             onBlur={(e) => {
                 if (!isFocused) {
                     // eslint-disable-next-line react-compiler/react-compiler
-                    shouldResetFocus.current = true; // detect the input is blurred when the page is hidden
+                    shouldResetFocusRef.current = true; // detect the input is blurred when the page is hidden
                 }
                 props?.onBlur?.(e);
             }}

src/hooks/useResetComposerFocus.ts

@@ -5,15 +5,15 @@ import type {TextInput} from 'react-native';
 
 export default function useResetComposerFocus(inputRef: MutableRefObject<TextInput | null>) {
     const isFocused = useIsFocused();
-    const shouldResetFocus = useRef(false);
+    const shouldResetFocusRef = useRef(false);
 
     useEffect(() => {
-        if (!isFocused || !shouldResetFocus.current) {
+        if (!isFocused || !shouldResetFocusRef.current) {
             return;
         }
         inputRef.current?.focus(); // focus input again
-        shouldResetFocus.current = false;
+        shouldResetFocusRef.current = false;
     }, [isFocused, inputRef]);
 
-    return {isFocused, shouldResetFocus};
+    return {isFocused, shouldResetFocusRef};
 }