Two ways of syncing types and variables.

inferedTypes.ts

// This is where we infer Typescript types from JS arrays.

export const states = [
  'frame',
  'color',
  'pedals',
  'seat',
  'handles',
  'wheels',
] as const;

export const colors = [
  'Red',
  'Orange',
  'Navy',
  'Blue',
] as const;

export const bikeTypes = [
  'Road',
  'loRider',
  'wagon',
  'Tri',
  'eBike',
] as const;

export type State = typeof states[number];

export type Color = typeof colors[number];

export type BikeType = typeof bikeTypes[number];

variablesFromTypes.ts

// This is where we can sync JS object from types.  This is useful if you're importing types from another file.

type State = "a"|"b";

const states: Record<State, any> = {
    a: 'a'
}

const allStates = Object.keys(states);

https://steveholgado.com/typescript-types-from-arrays/#inferred-array-types