react-recaptcha VS react-media

What is reCAPTCHA? reCAPTCHA is a free service from Google that helps protect websites from spam and abuse. A “CAPTCHA” is a Turing test to tell human and bots apart. It is easy for humans to solve, but hard for “bots” and other malicious software to figure out. By adding reCAPTCHA to a site, you can block automated software while helping your welcome users to enter with ease. Try it out at https://www.google.com/recaptcha/api2/demo. To learn more about reCAPTCHA, visit our official website or our technical documentation site.

react-recaptcha A react.js reCAPTCHA for Google.

All I needed was some way to use reCAPTCHA within a React application, and react-recaptcha was more than enough to get me rolling. They offer a simple reCAPTCHA component that just requires a couple of config props and 2 callback functions to help verify a user's input. We also need to add a script to our in our _document.js file to use the Google reCAPTCHA CDN.

Thanks, I'll take a closer look to bounds. I came up with a different solution. My problem was that when opening the project in smartphones everything started to look excessively zoomed in. I ended up using react-media and put the camera a bit farther when I had to handle the 'small' screen case, otherwise just render everything how it is. Perhaps not the most optimal solution but it works for now haha :)