theme dark/light not changing while changing prop

[HiImAndre]

"react-google-recaptcha": "^3.1.0",

<ReCAPTCHA
  hidden={isDev}
  sitekey={globals.recaptcha.siteKey}
  onChange={onChange}
  theme={darkMode ? "dark" : "light"} // doesn't change on prop change
/>

when darkMode is changing, the prop applies to it but recaptcha gui stays the the same color until proper site refresh.

[emrebal98]

You can use key prop to re-render.

const theme = darkMode ? "dark" : "light";

<ReCAPTCHA
  key={theme}
  hidden={isDev}
  sitekey={globals.recaptcha.siteKey}
  onChange={onChange}
  theme={theme} 
/>