Dynamic default value with type ?

[Kavan72]

is there any way to change default value ? suppose this is my component

export const FilterType = {
  query: parseAsString.withDefault(''),
  withRecognizedTerms: parseAsBoolean.withDefault(true)
}

interface Props {
  filters: ReturnType<typeof useQueryStates<typeof FilterType>>[0]
  setFilter: ReturnType<typeof useQueryStates<typeof FilterType>>[1]
}

const Test = ({ userRecognizedTerms }: { userRecognizedTerms: boolean }) => {

  const [filters, setFilter] = useQueryStates(FilterType, {
    clearOnDefault: true,
  })

  return (
    <>Test</>
  );
}

I know I can do this without defining FilterType separately, but then I can't specify a type for another component. like this

interface Props {
  filters: ?
  setFilter: ?
}

const Test = ({ userRecognizedTerms }: { userRecognizedTerms: boolean }) => {

  const [filters, setFilter] = useQueryStates({
    query: parseAsString.withDefault(''),
    withRecognizedTerms: parseAsBoolean.withDefault(userRecognizedTerms)
  }, {
    clearOnDefault: true,
  })

  return (
    <>Test</>
  );
}

[franky47]

How about using a function to create the search params descriptor object?

export const createFilterType = (withRecognizedTermsDefault: boolean) => ({
  query: parseAsString.withDefault(''),
  withRecognizedTerms: parseAsBoolean.withDefault(withRecognizedTermsDefault)
})
type FilterType = ReturnType<typeof createFilterType>

interface Props {
  filters: ReturnType<typeof useQueryStates<FilterType>>[0]
  setFilter: ReturnType<typeof useQueryStates<FilterType>>[1]
}

const Test = ({ userRecognizedTerms }: { userRecognizedTerms: boolean }) => {

  const [filters, setFilter] = useQueryStates(createFilterType(userRecognizedTerms), {
    clearOnDefault: true,
  })

  return (
    <>Test</>
  );
}

[Kavan72]

ohh ya, i can do this