Is that possible to use typescript string type like this one?

[GrahamQuan]

cool package
its really convenient for url query

declare function useQueryState(key: string, options: Options & {
    defaultValue: string;
}): UseQueryStateReturn<string, typeof options.defaultValue>;

current is fixed string

type ColorType = 'red' | 'green' | 'blue'  | (string & {});

//  1
const [color, setColor] = useQueryState<ColorType>('color', {
  defaultValue: 'red'
})

// or 2
const [color, setColor] = useQueryState('color', {
  defaultValue: 'red' as ColorType
})

Is that possible to use this typescript string type for auto complete ?

[franky47]

The issue here is the NonNullable type helper we use internally, which strips the explicit enumeration of values for autocompletion.

Runtime-wise, either is correct as it will accept any string, as defined by the type, but for some reason:

type ColorType = 'red' | 'green' | 'blue'  | (string & {});

type A = NonNullable<ColorType> // string
type B = Exclude<ColorType, null | undefined> // 'red' | 'green' | 'blue'  | (string & {});

This would also cause the same issue with the Prettify helper we use to resolve types in useQueryStates and other features.