From 6788b5672e3cd05924503711fb3af408b429aae1 Mon Sep 17 00:00:00 2001 From: Alex Holliday Date: Wed, 29 Jan 2025 11:39:17 -0800 Subject: [PATCH] add ref to stop initial search --- .../Uptime/Monitors/Components/SearchComponent/index.jsx | 9 +++++++-- 1 file changed, 7 insertions(+), 2 deletions(-) diff --git a/Client/src/Pages/Uptime/Monitors/Components/SearchComponent/index.jsx b/Client/src/Pages/Uptime/Monitors/Components/SearchComponent/index.jsx index d93e6672b..749f921a8 100644 --- a/Client/src/Pages/Uptime/Monitors/Components/SearchComponent/index.jsx +++ b/Client/src/Pages/Uptime/Monitors/Components/SearchComponent/index.jsx @@ -2,13 +2,18 @@ import { useState } from "react"; import Search from "../../../../../Components/Inputs/Search"; import { Box } from "@mui/material"; import useDebounce from "../../Hooks/useDebounce"; -import { useEffect } from "react"; +import { useEffect, useRef } from "react"; import PropTypes from "prop-types"; -const SearchComponent = ({ monitors, onSearchChange, setIsSearching }) => { +const SearchComponent = ({ monitors = [], onSearchChange, setIsSearching }) => { + const isFirstRender = useRef(true); const [localSearch, setLocalSearch] = useState(""); const debouncedSearch = useDebounce(localSearch, 500); useEffect(() => { + if (isFirstRender.current === true) { + isFirstRender.current = false; + return; + } onSearchChange(debouncedSearch); setIsSearching(false); }, [debouncedSearch, onSearchChange, setIsSearching]);