javascript - ルートでページを変更するときに CSSTransition に反応する

Question

私が使用CSSTransitionしていて、コンポーネントで驚くほど機能します：

<CSSTransition timeout={330} in={state.isPopupOpen} classNames="popup" unmountOnExit>
    <MyComponent />
</CSSTransition>

CSSTransition次の方法でページを開いたり閉じたりするときに、素敵なトランジションを使用できるかどうか疑問に思っていましたRoute。

<BrowserRouter>
    <Switch>
        <Route path="/page1">
            <CSSTransition timeout={330} in={state.isPageOpen} classNames="page" unmountOnExit>
                <Page1 />
            </CSSTransition>
        </Route>
        <Route path="/page2">
            <Page2 />
        </Route>
    <Switch>
</BrowserRouter>

<Link to="/page1">Link example</Link>

私は成功せずにそれを試しました。このような使い方はできないCSSTransitionのでしょうか? 別の同様の解決策はありますか？