Enable reCaptcha only for production

client/components/Footer/ReCaptcha.js

@@ -6,15 +6,21 @@ const Recaptcha = styled.div`
   margin: 54px 0 16px;
 `;
 
-const ReCaptcha = () => (
-  <Recaptcha
-    id="g-recaptcha"
-    className="g-recaptcha"
-    data-sitekey={process.env.RECAPTCHA_SITE_KEY}
-    data-callback="recaptchaCallback"
-    data-size="invisible"
-    data-badge="inline"
-  />
-);
+const ReCaptcha = () => {
+  if (process.env.NODE_ENV !== 'production') {
+    return null;
+  }
+
+  return (
+    <Recaptcha
+      id="g-recaptcha"
+      className="g-recaptcha"
+      data-sitekey={process.env.RECAPTCHA_SITE_KEY}
+      data-callback="recaptchaCallback"
+      data-size="invisible"
+      data-badge="inline"
+    />
+  );
+};
 
 export default ReCaptcha;

client/components/Shortener/Shortener.js

@@ -81,7 +81,7 @@ class Shortener extends Component {
     const password = pwd && pwd.value;
     const options = isAuthenticated && { customurl, password };
     shortenerForm.reset();
-    if (!isAuthenticated) {
+    if (process.env.NODE_ENV === 'production' && !isAuthenticated) {
       window.grecaptcha.execute(window.captchaId);
       const getCaptchaToken = () => {
         setTimeout(() => {

server/controllers/authController.js

@@ -75,7 +75,7 @@ exports.authApikey = authenticate('localapikey', 'API key is not correct.', fals
 
 /* reCaptcha controller */
 exports.recaptcha = async (req, res, next) => {
-  if (!req.user) {
+  if (process.env.NODE_ENV === 'production' && !req.user) {
     const isReCaptchaValid = await axios({
       method: 'post',
       url: 'https://www.google.com/recaptcha/api/siteverify',