fix: synchronously reading regionId initial value

vtex · Sep 23, 2021 · 1dc995c · 1dc995c
1 parent 91f4044
commit 1dc995c
Showing 1 changed file with 8 additions and 4 deletions.
diff --git a/packages/gatsby-theme-store/src/sdk/region/Provider.tsx b/packages/gatsby-theme-store/src/sdk/region/Provider.tsx
@@ -14,10 +14,16 @@ export interface IContext {
 export const Context = createContext<IContext | undefined>(undefined)
 
 export const Provider: FC = ({ children }) => {
-  const [postalCode, setPostalCode] = useState<Maybe<string>>(null)
-  const [regionId, setRegionId] = useState<Maybe<string>>(null)
   const [isLoading, setLoading] = useState(true)
 
+  const [postalCode, setPostalCode] = useState<Maybe<string>>(
+    controller.postalCode.get()
+  )
+
+  const [regionId, setRegionId] = useState<Maybe<string>>(
+    controller.region.get()
+  )
+
   const value = useMemo(
     () => ({
       postalCode,
@@ -36,8 +42,6 @@ export const Provider: FC = ({ children }) => {
   )
 
   useEffect(() => {
-    setPostalCode(controller.postalCode.get())
-    setRegionId(controller.region.get())
     setLoading(false)
   }, [])