feat: add useEffect for ResourceAddress resource state

commercelayer · Nov 24, 2023 · 815f26b · 815f26b
1 parent e3431e8
commit 815f26b
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/packages/app-elements/src/ui/resources/ResourceAddress/ResourceAddress.tsx b/packages/app-elements/src/ui/resources/ResourceAddress/ResourceAddress.tsx
@@ -9,7 +9,7 @@ import { PageLayout } from '#ui/composite/PageLayout'
 import { type Address } from '@commercelayer/sdk'
 import { Note, PencilSimple, Phone } from '@phosphor-icons/react'
 import isEmpty from 'lodash/isEmpty'
-import { useState } from 'react'
+import { useEffect, useState } from 'react'
 import { ResourceAddressForm } from './ResourceAddressForm'
 
 export interface ResourceAddressProps {
@@ -43,6 +43,10 @@ export const ResourceAddress = withSkeletonTemplate<ResourceAddressProps>(
 
     const [address, setAddress] = useState<Address>(resource)
 
+    useEffect(() => {
+      setAddress(resource)
+    }, [resource.id])
+
     return (
       <>
         <div className='w-full flex gap-4 space-between'>