Expression produces a union type that is too complex to represent

[melrose13-69]

I have typescript error in my IDE

import { Combobox } from '@headlessui/react'
import { type FC, memo, useState } from 'react'

const people = [
  'Durward Reynolds',
  'Kenton Towne',
  'Therese Wunsch',
  'Benedict Kessler',
  'Katelyn Rohan'
]

export const SelectBox: FC<any> = memo(() => {
  const [selectedPerson, setSelectedPerson] = useState(people[0])
  const [query, setQuery] = useState('')

  const filteredPeople =
    query === ''
      ? people
      : people.filter(person => {
        return person.toLowerCase().includes(query.toLowerCase())
      })

  return (
    <Combobox value={selectedPerson} onChange={setSelectedPerson}>
      <Combobox.Input onChange={event => setQuery(event.target.value)} />
      <Combobox.Options>
        {filteredPeople.map(person => (
          <Combobox.Option key={person} value={person}>
            {person}
          </Combobox.Option>
        ))}
      </Combobox.Options>
    </Combobox>
  )
})

[melrose13-69]

Sorry, i selected ts version in my IDE and issue was resolved