Как получить доступ к ловушке Framer из другого компонента

Я настроил useState Hook в файле carousel.tsx

export function Carousel({ children }) {
    //Set Active State Carousel Item
    const [active, setActive] = React.useState("default")

    //Create Props for Carousel items
    function makeProps(title) {
        return {
            title: title,
            active: active,
            onTap: () => {
                setActive(title)
            },
        }
    }
  .
  .
  .

    return (
        <CarouselItem {...makeProps(child.props.name)} />
        <CarouselItem {...makeProps(child.props.name)} />
        <CarouselItem {...makeProps(child.props.name)} />
    )
}

Теперь на моем App.tsx у меня есть фрейм, нажав на который я хочу сбросить до состояния по умолчанию.

export function defaultState(): Override {
    return {
        onTap: () => {
            //Reset to default state
        },
    }
}

Как мне получить доступ к состоянию ловушки из App.tsx, чтобы я мог сбросить состояние?