Fix Back Press after Searching

kaamil-ahamadh · Nov 18, 2022 · a3bc1df · a3bc1df
1 parent 8f83f23
commit a3bc1df
Showing 1 changed file with 10 additions and 1 deletion.
diff --git a/src/screens/SearchResultsScreen.js b/src/screens/SearchResultsScreen.js
@@ -1,10 +1,19 @@
-import React, { useContext } from "react";
+import React, { useContext, useEffect, useState } from "react";
 
 import GlobalContext from "../context/GlobalContext";
 import { VideoCardResults } from "../components";
+import { useNavigate } from "react-router-dom";
 
 const SearchResultsScreen = () => {
   const { searchResults } = useContext(GlobalContext);
+
+  const navigate = useNavigate();
+
+  useEffect(() => {
+    window.onpopstate = () => {
+      navigate("/");
+    };
+  }, []);
   return (
     <div>
       <div className="trending-title">Search Results</div>