Enforce App Check & Recaptcha errors

Start by inspecting FriendlyEats.View.js around initAppCheck and FriendlyEats.js around application startup, then reproduce the setup using the firebase-tools installation step. Done means the setup completes without the reported permission failure or App Check ReCAPTCHA errors.

I was able to get through all the code, but at the end, the recaptcha set up failed. I saw these errors in the console:

npm -g install firebase-tools npm error code EACCES npm error syscall rename npm error path /usr/local/bin/firebase npm error dest /usr/local/bin/.firebase-******** npm error errno -13 npm error Error: EACCES: permission denied, rename '/usr/local/bin/firebase' -> '/usr/local/bin/.firebase-********' npm error at async Object.rename (node:internal/fs/promises:778:10) npm error at async moveFile (/usr/local/lib/node_modules/npm/node_modules/@npmcli/fs/lib/move-file.js:30:5) npm error at async Promise.allSettled (index 1) npm error at async [reifyPackages] (/usr/local/lib/node_modules/npm/node_modules/@npmcli/arborist/lib/arborist/reify.js:332:11) npm error at async Arborist.reify (/usr/local/lib/node_modules/npm/node_modules/@npmcli/arborist/lib/arborist/reify.js:137:5) npm error at async Install.exec (/usr/local/lib/node_modules/npm/lib/commands/install.js:150:5) npm error at async Npm.exec (/usr/local/lib/node_modules/npm/lib/npm.js:208:9) npm error at async module.exports (/usr/local/lib/node_modules/npm/lib/cli/entry.js:67:5) { npm error errno: -13, npm error code: 'EACCES', npm error syscall: 'rename', npm error path: '/usr/local/bin/firebase', npm error dest: '/usr/local/bin/.firebase-GKU4xY1y' npm error } npm error npm error The operation was rejected by your operating system. npm error It is likely you do not have the permissions to access this file as the current user npm error npm error If you believe this might be a permissions issue, please double-check the npm error permissions of the file and its containing directories, or try running npm error the command again as root/Administrator. npm error A complete log of this run can be found in: /Users/username/.npm/_logs/2025-08-22T08_45_26_949Z-debug-0.log

After correcting the permissions, I received these errors:
hook.js:608 [2025-08-22T10:28:25.361Z] @firebase/app-check: FirebaseError: AppCheck: ReCAPTCHA error. (appCheck/recaptcha-error). at Ee.getToken (providers.ts:169:27) overrideMethod @ hook.js:608 m @ logger.ts:115 error @ logger.ts:210 ee @ internal-api.ts:163 await in ee (anonymous) @ internal-api.ts:326 process @ proactive-refresh.ts:77 await in process start @ proactive-refresh.ts:47 oe @ internal-api.ts:311 (anonymous) @ internal-api.ts:274 Promise.then te @ internal-api.ts:274 me @ api.ts:116 activate @ service.ts:62 FriendlyEats.initAppCheck @ FriendlyEats.View.js:526 FriendlyEats @ FriendlyEats.js:45 window.onload @ FriendlyEats.js:211Understand this error hook.js:608 [2025-08-22T10:28:25.362Z] @firebase/app-check: FirebaseError: AppCheck: ReCAPTCHA error. (appCheck/recaptcha-error). at Ee.getToken (providers.ts:169:27) overrideMethod @ hook.js:608 m @ logger.ts:115 error @ logger.ts:210 ee @ internal-api.ts:163 await in ee getToken @ factory.ts:58 _getAppCheckToken @ auth_impl.ts:696 _getAdditionalHeaders @ auth_impl.ts:685 await in _getAdditionalHeaders (anonymous) @ index.ts:129 ie @ index.ts:158 re @ index.ts:111 he.idToken @ account.ts:93 ve @ reload.ts:36 await in ve reloadAndSetCurrentUserOrClear @ auth_impl.ts:315 initializeCurrentUser @ auth_impl.ts:252 await in initializeCurrentUser (anonymous) @ auth_impl.ts:160 Promise.then queue @ auth_impl.ts:636 _initializeWithPersistence @ auth_impl.ts:135 (anonymous) @ initialize.ts:86 (anonymous) @ register.ts:92 getOrInitializeService @ provider.ts:318 initialize @ provider.ts:242 _i @ auth.ts:68 INTERNAL.registerComponent.N.setServiceProps.ActionCodeInfo.Operation.EMAIL_SIGNIN @ index.ts:82 getOrInitializeService @ provider.ts:318 getImmediate @ provider.ts:115 _getService @ firebaseApp.ts:138 r.type.a.<computed> @ firebaseNamespaceCore.ts:185 e @ firebaseNamespaceCore.ts:166 FriendlyEats @ FriendlyEats.js:47 window.onload @ FriendlyEats.js:211Understand this error hook.js:608 [2025-08-22T10:28:25.362Z] @firebase/auth: Auth (9.22.1): Error while retrieving App Check token: FirebaseError: AppCheck: ReCAPTCHA error. (appCheck/recaptcha-error). overrideMethod @ hook.js:608 P @ logger.ts:115 warn @ logger.ts:206 _getAppCheckToken @ log.ts:42 await in _getAppCheckToken _getAdditionalHeaders @ auth_impl.ts:685 await in _getAdditionalHeaders (anonymous) @ index.ts:129 ie @ index.ts:158 re @ index.ts:111 he.idToken @ account.ts:93 ve @ reload.ts:36 await in ve reloadAndSetCurrentUserOrClear @ auth_impl.ts:315 initializeCurrentUser @ auth_impl.ts:252 await in initializeCurrentUser (anonymous) @ auth_impl.ts:160 Promise.then queue @ auth_impl.ts:636 _initializeWithPersistence @ auth_impl.ts:135 (anonymous) @ initialize.ts:86 (anonymous) @ register.ts:92 getOrInitializeService @ provider.ts:318 initialize @ provider.ts:242 _i @ auth.ts:68 INTERNAL.registerComponent.N.setServiceProps.ActionCodeInfo.Operation.EMAIL_SIGNIN @ index.ts:82 getOrInitializeService @ provider.ts:318 getImmediate @ provider.ts:115 _getService @ firebaseApp.ts:138 r.type.a.<computed> @ firebaseNamespaceCore.ts:185 e @ firebaseNamespaceCore.ts:166 FriendlyEats @ FriendlyEats.js:47 window.onload @ FriendlyEats.js:211Understand this warning proactive-refresh.ts:54 Uncaught (in promise) cancelled stop @ proactive-refresh.ts:54 process @ proactive-refresh.ts:64 process @ proactive-refresh.ts:87 await in process start @ proactive-refresh.ts:47 oe @ internal-api.ts:311 (anonymous) @ internal-api.ts:274 Promise.then te @ internal-api.ts:274 me @ api.ts:116 activate @ service.ts:62 FriendlyEats.initAppCheck @ FriendlyEats.View.js:526 FriendlyEats @ FriendlyEats.js:45 window.onload @ FriendlyEats.js:211Understand this error friendlyeats-9615e.firebaseapp.com/:1 Uncaught (in promise) nullUnderstand this error hook.js:608 [2025-08-22T10:28:25.607Z] @firebase/app-check: FirebaseError: AppCheck: ReCAPTCHA error. (appCheck/recaptcha-error). at Ee.getToken (providers.ts:169:27) at async ee (internal-api.ts:156:5) at async Promise.all (/index 1)

I was not able to successfully get it working.