Reactの条件レンダリングに失敗する

Question

Reactの仕様の問題かと思われますので、詳しい方いたらお助けください。

現在、以下のライブラリを使って、RecaptchaのV2の導入をしようとしています。

https://www.npmjs.com/package/react-google-recaptcha

ある条件下で、useRecaptchaV2がtrueになったら表示するというロジックにしたいのですが、表示が不安定です。

useRecaptchaV2はComponentのstateで管理しています。

コードは以下です。

（省略）

// 実際に使いたいコード
{ useRecaptchaV2 && <ReCAPTCHA
    sitekey="自分のサイトキー")}
    onChange={setV2Token}
 /> }


// 検証用コード
{
　　useRecaptchaV2 && <div>ああああああああ</div>
}

（省略）

▼ 現時点でわかっていること

• 検証用コードはuseRecaptchaV2が変わると正常にレンダリングされる
• useRecaptchaV2の条件を外せば実際に使いたいコードがレンダリングされる（RecaptchaV2のウィジェットが表示される）ので、RecaptchaV2のコンポーネントの使い方おそらくあっている
• useRecaptchaV2がtrueに切り替わったあとはリロードを挟まないと実際に使いたいコードが表示されない
• 上記もリロードを何回かしていると失敗する（レンダリングされない）※
• 特にエラーは出ていない
• 要素検証の結果、レンダリングされてないときも空のdivだけレンダリングされていることがわかった（レンダリングが中途半端？）
• ライブラリを使わない方法でもほとんど同じ結果になる。ただし※のような現象は起きなくなった（気がする）

reactの仕様などに詳しい方、RecaptchaV2をReactで使ったことある方、もし何かわかればヒントでも良いのでお願いします。