wrap doSearch with useCallback
This commit is contained in:
parent
7ce2e8f4c4
commit
fcd55df969
|
@ -1,4 +1,4 @@
|
||||||
import { useState, useEffect, useRef } from "react";
|
import { useState, useEffect, useRef, useCallback } from "react";
|
||||||
import { ErrorBoundary } from "./error";
|
import { ErrorBoundary } from "./error";
|
||||||
import styles from "./mask.module.scss";
|
import styles from "./mask.module.scss";
|
||||||
import { useNavigate } from "react-router-dom";
|
import { useNavigate } from "react-router-dom";
|
||||||
|
@ -27,7 +27,7 @@ export function SearchChatPage() {
|
||||||
|
|
||||||
const previousValueRef = useRef<string>("");
|
const previousValueRef = useRef<string>("");
|
||||||
const searchInputRef = useRef<HTMLInputElement>(null);
|
const searchInputRef = useRef<HTMLInputElement>(null);
|
||||||
const doSearch = (text: string) => {
|
const doSearch = useCallback((text: string) => {
|
||||||
const lowerCaseText = text.toLowerCase();
|
const lowerCaseText = text.toLowerCase();
|
||||||
const results: Item[] = [];
|
const results: Item[] = [];
|
||||||
|
|
||||||
|
@ -65,7 +65,7 @@ export function SearchChatPage() {
|
||||||
results.sort((a, b) => b.content.length - a.content.length);
|
results.sort((a, b) => b.content.length - a.content.length);
|
||||||
|
|
||||||
return results;
|
return results;
|
||||||
};
|
}, []);
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
const intervalId = setInterval(() => {
|
const intervalId = setInterval(() => {
|
||||||
|
|
Loading…
Reference in New Issue