[Bug]: Blank screen when tapping Predictions banner in banned country (Spain)

[javiergarciavera]

Describe the bug

When tapping the Predictions banner on the home screen from a country where Predictions is banned (Spain), the app opens a blank/white screen with no content or error message.

Expected behavior

The Predictions banner should not be displayed in countries where the feature is banned. If the banner is shown, tapping it should display a "not available in your region" message rather than a blank screen.

Screenshots/Recordings

ScreenRecording_07-14-2026.16-52-37_1.MP4

Steps to reproduce

1. Open MetaMask Mobile v8.2.0 on a device located in Spain
2. Observe the Predictions banner displayed on the home screen
3. Tap the Predictions banner
4. See a blank/white screen with no content

Error messages or log output

(none observed)

Where was this bug found?

Live version (from official store)

Version

8.2.0

Build number

6019

Build type

None

Device

iPhone 15 Pro

Operating system

iOS

Additional context

The Predictions feature is geo-restricted in Spain. The banner should not appear or should handle the tap gracefully when the user is in a banned country. The blank screen suggests the navigation target is loading without the required geo-check guard.

Severity

No response

[metamask-ci]

Triage Agent -- Classification

Severity: Sev2 (confidence: 0.88) ✅

Feature partially broken for users in a specific geo-restricted region (Spain). The banner is visible but leads to a blank screen, which is a broken flow. However, it only affects users in banned countries trying to access Predictions, and the core app functionality is not impacted. No fund loss or security vulnerability.

Size: size-M (confidence: 0.80) ⚠️ Advisory

The fix likely involves two parts: (1) hiding the Predictions banner for users in geo-restricted countries on the home screen, and (2) adding a geo-check guard on the navigation target so that if a user somehow reaches the Predictions screen while ineligible, they see a proper restriction message instead of a blank screen. This touches the banner component, the navigation/screen component, and possibly the eligibility hook integration — multiple files but well-scoped.
Not auto-applied -- confidence below threshold.

Team: team-predict ✅

Matched via CODEOWNERS: @MetaMask/predict

---

Root Cause Analysis

Affected component: Predict home banner component and Predict screen/navigation target

There are two related failures: (1) The Predictions banner on the home screen is not gated by the user's eligibility/geo status, so it renders even when the user is in a banned country like Spain. The usePredictEligibility hook provides isEligible and country state, but the banner component likely only checks selectPredictEnabledFlag (the remote feature flag) without also checking geo-eligibility. (2) The navigation target (Predictions screen) that the banner links to does not have a guard that checks eligibility before rendering content. When an ineligible user navigates there, the screen likely attempts to load Predict content that returns empty/blocked data, resulting in a blank screen. The usePredictEligibility hook correctly polls for country and determines eligibility, but the banner visibility and the screen rendering are not consuming this eligibility state to gate their behavior.

Evidence:

• Banner is visible in Spain (a banned country), indicating the banner component does not check geo-eligibility
• Blank screen after tap indicates the destination screen has no fallback UI for ineligible users
• usePredictEligibility hook exposes isEligible and country but these are apparently not used to gate the banner or screen
• selectPredictEnabledFlag defaults to true if remote flag is unavailable, which would show the feature regardless of geo
• GeolocationController eagerly fetches location on Engine start, so country data should be available

Suggested Fix

Confidence: medium: likely but needs investigation — exact file paths for the banner and screen components are not in the KB context, but the pattern and hooks are clear

Two changes are needed: (1) Gate the Predictions banner on the home screen behind the eligibility check so it is hidden for users in banned countries. (2) Add a geo-eligibility guard to the Predictions screen component so that ineligible users see a proper restriction message or are redirected back.

Target files: app/components/UI/Predict/components/PredictBanner (or similar home banner component), app/components/UI/Predict/screens/PredictHome (or the navigation target screen)
Target functions: PredictBanner render function (gate with usePredictEligibility().isEligible), PredictHome/PredictScreen render function (add eligibility guard with fallback UI)

Approach:

1. Find the Predictions banner component rendered on the home screen (likely in the Predict components directory or the home screen component). Add usePredictEligibility() hook and conditionally render the banner only when isEligible is true. 2. Find the Predictions screen/navigation target. Add a geo-eligibility check at the top of the component. If isEligible is false, render a geo-restriction message component (e.g., 'Predictions is not available in your region') or navigate back. 3. Consider also checking eligibility in the navigation handler itself (before navigating) to prevent the navigation entirely. 4. Ensure the eligibility state is loaded before rendering — if eligibility is still loading (country is undefined), show a loading state rather than a blank screen. 5. Test with VPN set to Spain to verify the banner is hidden and the screen shows appropriate messaging.

---

Confidence threshold: 0.85. Labels marked ✅ were auto-applied. Labels marked ⚠️ are advisory only (below threshold).
To re-triage, remove the ta-bot-triage label and re-apply ta-needs-triage.
⚠️ Some dimensions could not be confidently classified. An engineer should review this issue.