Sync search box value with URL query on first render

Seneca-CDOT · Feb 13, 2021 · f66f7d7 · f66f7d7
1 parent 407d57d
commit f66f7d7
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/src/frontend/next/src/components/SearchPage.tsx b/src/frontend/next/src/components/SearchPage.tsx
@@ -1,4 +1,4 @@
-import { FormEvent, useState } from 'react';
+import { FormEvent, useState, useEffect } from 'react';
 import { makeStyles } from '@material-ui/core/styles';
 import { useRouter } from 'next/router';
 
@@ -39,6 +39,11 @@ const SearchPage = () => {
     router.push(`/search?text=${text}&filter=${filter}`);
   }
 
+  useEffect(() => {
+    setText(textParam);
+    setFilter(filterParam);
+  }, [textParam, filterParam]);
+
   return (
     <div>
       <div className={classes.anchor} id="back-to-top-anchor" />