Passing useState as props in typescript

import React, { Dispatch, SetStateAction } from 'react';

type TxType = 'send' | 'receive';

interface Props {
  title?: string;
  txType: TxType;
  setTxType: Dispatch<SetStateAction<TxType>>;
}

const TransactionTab = ({
  title = `Transaction`,
  txType,
  setTxType,
}: Props) => {...};

참고로 자주 사용하게 되는 경우 가독성을 높이기 위해 아래와 같이 유형 별칭을 만들 수도 있습니다.

import React, { Dispatch, SetStateAction } from 'react';

type Dispatcher<S> = Dispatch<SetStateAction<S>>;

type TxType = 'send' | 'receive';

const MyChildComponent1 = (
  txType: TxType,
  setTxType: Dispatcher<TxType>,
) => {...};