[Bug Report][3.8.0] VDataTableHeader custom filtering not working

[rudashi]

Environment

Vuetify Version: 3.8.0
Vue Version: 3.5.13
Browsers: Edge 134.0.0.0
OS: Mac OS 10.15.7

Steps to reproduce

1. Open playground
2. See console log

Expected Behavior

filter column by header

Actual Behavior

Crashing app

Reproduction Link

https://play.vuetifyjs.com/#...

[modos]

i don't know why but it keeps crashing until remove filter function defined in tableHeaders array

[Redpoint1]

Found it:
https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/composables/filter.tsx#L48

export const defaultFilter: FilterFunction = (value, query, item) => {
  if (value == null || query == null) return -1

  value = value.toString().toLocaleLowerCase()
  query = query.toString().toLocaleLowerCase()

  const result = []

  let idx = value.indexOf(query)
  while (~idx) {
    result.push([idx, idx + query.length] as const)

    idx = value.indexOf(query, idx + query.length)
  }

The query is an empty string and not null, causing an infinite loop here

// value.indexOf("", 0 + 0) 
idx = value.indexOf(query, idx + query.length)

The function has changed here:
9da6442#diff-3df71dcef30db080ec919186fd82f35bba0ccc01932ada675a01ad776ace1296