Fix search scroll reset

icssc · Jun 1, 2023 · 5e1d961 · 5e1d961
1 parent cedc558
commit 5e1d961
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/site/src/component/SearchHitContainer/SearchHitContainer.tsx b/site/src/component/SearchHitContainer/SearchHitContainer.tsx
@@ -1,4 +1,4 @@
-import React, { useState, useEffect, Component, FC } from 'react';
+import React, { useState, useEffect, Component, FC, useRef } from 'react';
 import './SearchHitContainer.scss';
 
 import { useAppSelector } from '../../store/hooks';
@@ -14,11 +14,11 @@ interface SearchHitContainerProps {
 const SearchHitContainer: FC<SearchHitContainerProps> = ({ index, CourseHitItem, ProfessorHitItem }) => {
     const courseResults = useAppSelector(state => state.search.courses.results);
     const professorResults = useAppSelector(state => state.search.professors.results);
-    const containerDivRef = React.createRef<HTMLDivElement>();
+    const containerDivRef = useRef<HTMLDivElement>(null);
 
     useEffect(() => {
         containerDivRef.current!.scrollTop = 0;
-    });
+    }, [courseResults, professorResults]);
 
     if (index == 'professors' && !ProfessorHitItem) {
         throw 'Professor Component not provided';