feat: only use recaptcha if value exists.

Resolves #357.

client/components/ReCaptcha.tsx

@@ -6,9 +6,8 @@ import React from "react";
 const { publicRuntimeConfig } = getConfig();
 
 const ReCaptcha = () => {
-  if (process.env.NODE_ENV !== "production") {
-    return null;
-  }
+  if (process.env.NODE_ENV !== "production") return null;
+  if (!publicRuntimeConfig.RECAPTCHA_SITE_KEY) return null;
 
   return (
     <Flex

server/env.ts

@@ -25,8 +25,8 @@ const env = cleanEnv(process.env, {
   CUSTOM_DOMAIN_USE_HTTPS: bool({ default: false }),
   JWT_SECRET: str(),
   ADMIN_EMAILS: str({ default: "" }),
-  RECAPTCHA_SITE_KEY: str(),
-  RECAPTCHA_SECRET_KEY: str(),
+  RECAPTCHA_SITE_KEY: str({ default: "" }),
+  RECAPTCHA_SECRET_KEY: str({ default: "" }),
   GOOGLE_SAFE_BROWSING_KEY: str({ default: "" }),
   GOOGLE_ANALYTICS: str({ default: "" }),
   GOOGLE_ANALYTICS_UNIVERSAL: str({ default: "" }),

server/handlers/auth.ts

@@ -87,6 +87,7 @@ export const cooldown: Handler = async (req, res, next) => {
 
 export const recaptcha: Handler = async (req, res, next) => {
   if (env.isDev || req.user) return next();
+  if (!env.RECAPTCHA_SECRET_KEY) return next();
 
   const isReCaptchaValid = await axios({
     method: "post",