How to use the react-table.useAsyncDebounce function in react-table

const GlobalFilter = ({ preGlobalFilteredRows, globalFilter, setGlobalFilter }: any) => {
  const [value, setValue] = React.useState(globalFilter);

  if (!globalFilter && value) {
    setGlobalFilter(value);
  }

  const onChange = useAsyncDebounce((value) => {
    setGlobalFilter(value || undefined);
  }, 200);

  return (
    
       {
          setValue(e.target.value);
          onChange(e.target.value);
        }}
        placeholder="Filter"
      />