tsでenumっぽいの扱うやり方

enum-like-status.ts

export const SomeStatus = {
  REQUESTED: '申請',
  DONE: '完了',
  REJECT: '差し戻し',
} as const;
export type SomeStatusType = keyof typeof SomeStatus;

use-enum-like.tsx

import { SomeStatus, SomeStatusType } from 'some-status'

interface Props {
    status: SomeStatusType
}

const SomeComponent: React.FC<Props> = ({status = 'REQUESTED'}) => {
  return (
     <div>status: {SomeStatus[status]}</div>
  )

} 
  
  // <div>status: 申請</div>