@hoddy-ui/core 1.0.14 → 1.0.15

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hoddy-ui/core",
-  "version": "1.0.14",
+  "version": "1.0.15",
   "description": "Core rich react native components written in typescript",
   "main": "index.ts",
   "repository": {

package/src/Components/Locator.tsx

@@ -1,5 +1,5 @@
 import { Ionicons } from "@expo/vector-icons";
-import React, { useState } from "react";
+import React, { useEffect, useState } from "react";
 import { Alert, TouchableOpacity, View } from "react-native";
 import { ListItem } from "./List";
 import TextField from "./TextField";
@@ -16,16 +16,16 @@ import Typography from "./Typography";
 const { GOOGLE_MAP_API_KEY } = getApiKey();
 
 if (GOOGLE_MAP_API_KEY) Location.setGoogleApiKey(GOOGLE_MAP_API_KEY);
-else
-  console.error(
-    "Google map api key needs to be set to use this component \nMake sure to run initialize() with a valid google map api key"
-  );
 
 type predictionType = {
   id: string;
   description: string;
 };
 export const getPredictionsFromCoords = async (coords: any) => {
+  if (!GOOGLE_MAP_API_KEY)
+    console.error(
+      "Google map api key needs to be set to use this component \nMake sure to run initialize() with a valid google map api key"
+    );
   if (!coords) return [];
   const res = await (
     await fetch(
@@ -150,6 +150,13 @@ export const Locator: React.FC<LocatorProps> = ({
     setPrediction([]);
   };
 
+  useEffect(() => {
+    if (!GOOGLE_MAP_API_KEY)
+      console.error(
+        "Google map api key needs to be set to use this component \nMake sure to run initialize() with a valid google map api key"
+      );
+  }, [GOOGLE_MAP_API_KEY]);
+
   return (
     <View style={{ zIndex: 100 }}>
       {renderInput ? (