diff --git a/packages/app-elements/src/ui/resources/ResourceAddress/ResourceAddress.tsx b/packages/app-elements/src/ui/resources/ResourceAddress/ResourceAddress.tsx index b02c8e4d0..eaefa5343 100644 --- 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( const [address, setAddress] = useState
(resource) + useEffect(() => { + setAddress(resource) + }, [resource.id]) + return ( <>