Soy bastante nuevo en TypeScript y no sé cómo pasar el enlace setState a mi componente secundario.

Declaré mi estado de expenseState variable de estado dentro App.tsx y estoy tratando de pasarlo junto con SetStateAction setExpenseState .

Aplicación.tsx

 type ExpensesType = { expenseList: Expense[]; filteredYear?: number; } const expenses: Expense[] = [ { id: 'e01', title: 'Car Insurance', amount: 300.12, date: new Date(2022, 1, 18)}, { id: 'e02', title: 'Car Insurance 1', amount: 300.12, date: new Date(2022, 1, 18)}, ]; const [expenseState, setExpenseState] = useState<ExpensesType>({ expenseList: expenses, }); return ( <Expenses expenseState={expenseState} setExpenseState={setExpenseState} /> );

Gastos.tsx

 type ExpensesProps = { expenseState: ExpensesType; setExpenseState: React.Dispatch<React.SetStateAction<ExpensesType>>; } const Expenses = (props: ExpensesProps) => { }

¿Cómo puedo llamar y usar el hook setExpenseState ?

Ejemplo

 props.setExpenseState({ expenseList: something });