@synup/locator-components v1.11.2

Locator - Warby Parker components package

Environment Variables

Make .env file like this and place it in the same directory as package.json for passing the API keys to React Application

REACT_APP_SYNUP_API_KEY="<YOUR-API-KEY>"
REACT_APP_GOOGLE_API_KEY="<YOUR-API-KEY>"

Access API keys inside the React Application

const apiKey = process?.env?.REACT_APP_SYNUP_API_KEY || "";
const googleApiKey = process?.env?.REACT_APP_GOOGLE_API_KEY || "";

Now use the React component like this:

<WarbyLocator apiKey={apiKey} googleApiKey={googleApiKey} />