Unnecessary rerendering in filter example

[mikebridge]

It doesn't seem worth creating an issue for this. But I saw that this onChange handler in the filter example was giving me some unnecessary rerendering. In fact, it seemed to rerender infinitely:

<DebouncedInput
  type="text"
  value={(columnFilterValue ?? '') as string}
  onChange={value => column.setFilterValue(value)}
  placeholder={`Search... (${column.getFacetedUniqueValues().size})`}
  className="w-36 border shadow rounded"
  list={column.id + 'list'}
/>

I think it should be this:

<DebouncedInput
  type="text"
  value={(columnFilterValue ?? '') as string}
  onChange={column.setFilterValue}
  placeholder={`Search... (${column.getFacetedUniqueValues().size})`}
  className="w-36 border shadow rounded"
  list={column.id + 'list'}
/>

[mikebridge]

Actually, I think all those onChange handlers should be extracted into useCallback hooks. There are several like this one that are defining a new object with each render:

onChange={e => setValue(e.target.value)}

and

onChange={value => setGlobalFilter(String(value))}

[mikebridge]

@tannerlinsley Would it be possible to fix these? The examples still cause Chrome to crash