From 158b467fff07981b43af81f6520d3dba06baeffa Mon Sep 17 00:00:00 2001
From: crupest <crupest@outlook.com>
Date: Mon, 10 Jul 2023 16:34:09 +0800
Subject: Run react-codemod update-react-imports

---
 FrontEnd/src/utilities/hooks/useClickOutside.ts | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

(limited to 'FrontEnd/src/utilities/hooks/useClickOutside.ts')

diff --git a/FrontEnd/src/utilities/hooks/useClickOutside.ts b/FrontEnd/src/utilities/hooks/useClickOutside.ts
index 4b2f0e5c..6dcbf7b3 100644
--- a/FrontEnd/src/utilities/hooks/useClickOutside.ts
+++ b/FrontEnd/src/utilities/hooks/useClickOutside.ts
@@ -1,17 +1,17 @@
-import React from "react";
+import { useRef, useEffect } from "react";
 
 export default function useClickOutside(
   element: HTMLElement | null | undefined,
   onClickOutside: () => void,
   nextTick?: boolean
 ): void {
-  const onClickOutsideRef = React.useRef<() => void>(onClickOutside);
+  const onClickOutsideRef = useRef<() => void>(onClickOutside);
 
-  React.useEffect(() => {
+  useEffect(() => {
     onClickOutsideRef.current = onClickOutside;
   }, [onClickOutside]);
 
-  React.useEffect(() => {
+  useEffect(() => {
     if (element != null) {
       const handler = (event: MouseEvent): void => {
         let e: HTMLElement | null = event.target as HTMLElement;
-- 
cgit v1.2.3