React TSX component with state

ComponentWithState.tsx

import React from 'react';

const UiState = {
	loading: 'loading',
	ready: 'ready'
} as const;

type UiState = typeof UiState[keyof typeof UiState];

const stateList: Record<UiState, React.ReactNode> = {
	[UiState.loading]: (
		<>
      Loading&mdash;
		</>
	),
	[UiState.ready]: (
		<>
      Ready!
		</>
	)
}