Pages - Create Locator Section: Problem with Search and Mapbox Map not working

Hello,
I’m trying to complete the Pages > Create Locator section (Module 4, Units 2 and 3), but after following all steps both the SearchBar and Map aren’t working.

First, SearchBar is shown but nothing happens if I enter locations (e.g. New York).
Then, map container (html) is present but it’s empty (Map isn’t rendering).

I’m using a sandbox, search api key and mapbox api key are present in the .env file.

Could someone help me to figure out why this is not working as expected?
Thank you in advance.

Hi …I have the same issue…How did you solve this?

Another related post, with the same issue persisting, “without any reply”. I think at this point I already give up. We are really consuming a training written with several typos, errors, code not updated, assets not updated with latest from platform, quizzes where you need to select wrong answers for passing and so much more, that no one from Yext consumed for testing purposes. Because there are a lot of blockers like this one that can’t be missed.

Hello Guys,
Just wondering if you have imported index.css file into your templates. Can you please check and confirm.

I have it on line 2

import * as React from “react”;
import “…/index.css”;

which I don’t actually need the first line since I’m getting a warning about being declared but not used :man_shrugging: - but I’m following along what’s written in the training.

Have you checked the path is correct in your case or needs to update since you have used here 3 dots, just confirming.

Regarding the first line, it is global import for React so respected facilities would be needed to render and working properly by having it imported in first line.

The path is correct and there are only 2 dots, must be something wrong with this blog editor that is showing 3 dots instead.