diff --git a/packages/web/pages/_app.tsx b/packages/web/pages/_app.tsx
index 8193e9bd2..595316cc3 100644
--- a/packages/web/pages/_app.tsx
+++ b/packages/web/pages/_app.tsx
@@ -4,7 +4,7 @@ import '../styles/articleInnerStyling.css'
import type { AppProps } from 'next/app'
import { IdProvider } from '@radix-ui/react-id'
import { NextRouter, useRouter } from 'next/router'
-import { useEffect, useState } from 'react'
+import { ReactNode, useEffect, useState } from 'react'
import TopBarProgress from 'react-topbar-progress-indicator'
import {
KBarProvider,
@@ -23,7 +23,6 @@ import { updateTheme } from '../lib/themeUpdater'
import { ThemeId } from '../components/tokens/stitches.config'
import { posthog } from 'posthog-js'
import { GoogleReCaptchaProvider } from '@google-recaptcha/react'
-import { Recaptcha } from '../components/elements/Recaptcha'
TopBarProgress.config({
barColors: {
@@ -67,6 +66,24 @@ const generateActions = (router: NextRouter) => {
return defaultActions
}
+const ConditionalCaptchaProvider = (props: {
+ children: ReactNode
+}): JSX.Element => {
+ if (process.env.NEXT_PUBLIC_RECAPTCHA_CHALLENGE_SITE_KEY) {
+ return (
+
+ {props.children}
+
+ )
+ }
+ return <>props.children>
+}
+
export function OmnivoreApp({ Component, pageProps }: AppProps): JSX.Element {
const router = useRouter()
@@ -81,12 +98,7 @@ export function OmnivoreApp({ Component, pageProps }: AppProps): JSX.Element {
}, [router.events])
return (
-
+
@@ -100,7 +112,7 @@ export function OmnivoreApp({ Component, pageProps }: AppProps): JSX.Element {
-
+
)
}