Problem Description#
Examine the following TS types.
type Animal = "cat" | "dog" | string;
Normally, we might write it like above, but this doesn't provide good autocomplete suggestions in vscode.
const animal: Animal = ''; // No autocomplete suggestions after typing the quotes
Solution#
To solve this problem, we can use the following two approaches.
// Approach 1: Use `string & {}` instead of `string`
type Animal = "cat" | "dog" | (string & {});
// Approach 2: Use Omit to manually exclude types from `string`
type Animal = "cat" | "dog" | Omit<string, "cat" | "dog">
const animal: Animal = ''; // After typing the quotes, you can see the correct autocomplete suggestions