How to use the useState() with specific strings ("this" | "that")

I am trying to use the useState in React-native with TypeScript and want to use specific strings that can be used in a component. How can I do this?

I have this:

                                             |                                             \/const [getViewState, setViewState] = useState();                 |                 \/<Icon name={getViewState} size={25} color={COLORS.light_gray}></Icon>

type props = {  style?: StyleProp<ImageStyle>;  name: "add" | "check" | "down" | "home" | "lock" | "right" | "search" | "settings" | "user" | "grid" | "list";  size: number;  color: string;  onPress?: Function;};```