type AddItemModalProps = { toogleModalCallback: () => void; addSuccessfulCallback: (orderItem: OrderItem) => void; orderId: number; } export default function AddItemModal(props: AddItemModalProps): JSX.Element { useQuery({ queryKey: [ "recipes", Number(props.orderId) ], queryFn: () => getRecipes(), staleTime: 60 * 1000, onSuccess: (recipes) => { ... } }); ... }