3 files changed, 10 insertions, 10 deletions
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;
diff --git a/FrontEnd/src/utilities/hooks/useReverseScrollPositionRemember.ts b/FrontEnd/src/utilities/hooks/useReverseScrollPositionRemember.ts
index c0b6ce2c..339a12b8 100644
--- a/FrontEnd/src/utilities/hooks/useReverseScrollPositionRemember.ts
+++ b/FrontEnd/src/utilities/hooks/useReverseScrollPositionRemember.ts
@@ -1,6 +1,6 @@
 // Not used now!!! But preserved for future use.
 
-import React from "react";
+import { useEffect } from "react";
 
 let on = false;
 
@@ -43,7 +43,7 @@ const resizeObserver = new ResizeObserver(() => {
 });
 
 export default function useReverseScrollPositionRemember(): void {
-  React.useEffect(() => {
+  useEffect(() => {
     if (on) return;
     on = true;
     window.addEventListener("scroll", scrollListener);
diff --git a/FrontEnd/src/utilities/hooks/useScrollToBottom.ts b/FrontEnd/src/utilities/hooks/useScrollToBottom.ts
index f6780d9f..216746f4 100644
--- a/FrontEnd/src/utilities/hooks/useScrollToBottom.ts
+++ b/FrontEnd/src/utilities/hooks/useScrollToBottom.ts
@@ -1,4 +1,4 @@
-import React from "react";
+import { useRef, useEffect } from "react";
 import { fromEvent } from "rxjs";
 import { filter, throttleTime } from "rxjs/operators";
 
@@ -10,9 +10,9 @@ function useScrollToBottom(
     throttle: 1000,
   }
 ): void {
-  const handlerRef = React.useRef<(() => void) | null>(null);
+  const handlerRef = useRef<(() => void) | null>(null);
 
-  React.useEffect(() => {
+  useEffect(() => {
     handlerRef.current = handler;
 
     return () => {
@@ -20,7 +20,7 @@ function useScrollToBottom(
     };
   }, [handler]);
 
-  React.useEffect(() => {
+  useEffect(() => {
     const subscription = fromEvent(window, "scroll")
       .pipe(
         filter(