disable search when not in home page

SportsCars/sports-cars/src/pages/header/header.js

 import { Link } from "react-router-dom";
+import { useLocation } from 'react-router-dom'
 import 'bootstrap/dist/css/bootstrap.css'
 
 
@@ -32,6 +33,8 @@ const navItems = menus.map(menu => {
 
 
 export const Header = ({ onSearchChange }) => {
+    const location = useLocation().pathname;
+    const searchDisabled = location !== "/home";
     return (
         <nav className="navbar navbar-expand-md navbar-light bg-transparent">
             <Link to="home" className="nav-link active" style={{ color: 'inherit', textDecoration: 'inherit' }}>
@@ -39,7 +42,7 @@ export const Header = ({ onSearchChange }) => {
             </Link>
 
             <form className="form-inline my-2 my-lg-0 ml-5">
-                <input className="form-control mr-sm-2" type="search" placeholder="Search" onChange={(event) => onSearchChange(event.target.value)} />
+                <input className="form-control mr-sm-2" type="search" placeholder="Search" onChange={(event) => onSearchChange(event.target.value)} disabled={searchDisabled} />
             </form>
             <ul className="navbar-nav flex-grow-1 d-flex flex-row justify-content-end mx-5 mb-2">
                 {navItems}