fix: prevent unnecessary state updates in search input effect
This commit is contained in:
@@ -80,6 +80,7 @@ export default function ContactsPage() {
|
|||||||
}, [data, cursor]);
|
}, [data, cursor]);
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
|
if (searchInput === search) return;
|
||||||
const timer = setTimeout(() => {
|
const timer = setTimeout(() => {
|
||||||
setSearch(searchInput);
|
setSearch(searchInput);
|
||||||
setCursor(undefined);
|
setCursor(undefined);
|
||||||
@@ -88,7 +89,7 @@ export default function ContactsPage() {
|
|||||||
setContacts([]);
|
setContacts([]);
|
||||||
}, 350);
|
}, 350);
|
||||||
return () => clearTimeout(timer);
|
return () => clearTimeout(timer);
|
||||||
}, [searchInput]);
|
}, [searchInput, search]);
|
||||||
|
|
||||||
const handleNextPage = () => {
|
const handleNextPage = () => {
|
||||||
if (data?.cursor) {
|
if (data?.cursor) {
|
||||||
|
|||||||
Reference in New Issue
Block a user