0ct0pu5/kafka-ui
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

createRef replace with useRef

Browse source
This commit is contained in:
davitbejanyan 2023-04-25 14:27:53 +04:00
parent 23ac00fdff
commit 56e79bffca
1 changed files with 2 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
kafka-ui-react-app/src/components/common/Search/Search.tsx
View file

@ -1,4 +1,4 @@
import React from 'react'; import React, { useRef } from 'react';
import { useDebouncedCallback } from 'use-debounce'; import { useDebouncedCallback } from 'use-debounce';
import Input from 'components/common/Input/Input'; import Input from 'components/common/Input/Input';
import { useSearchParams } from 'react-router-dom'; import { useSearchParams } from 'react-router-dom';
@ -29,7 +29,7 @@ const Search: React.FC<SearchProps> = ({
onChange, onChange,
}) => { }) => {
const [searchParams, setSearchParams] = useSearchParams(); const [searchParams, setSearchParams] = useSearchParams();
const ref = React.createRef<HTMLInputElement>(); const ref = useRef<HTMLInputElement>(null);
const handleChange = useDebouncedCallback((e) => { const handleChange = useDebouncedCallback((e) => {
if (ref.current != null) { if (ref.current != null) {
ref.current.value = e.target.value; ref.current.value = e.target.value;