diff --git a/resources/scripts/components/server/network/NetworkContainer.tsx b/resources/scripts/components/server/network/NetworkContainer.tsx index fdc66aa6d..0bb6bd42a 100644 --- a/resources/scripts/components/server/network/NetworkContainer.tsx +++ b/resources/scripts/components/server/network/NetworkContainer.tsx @@ -11,6 +11,7 @@ import Can from '@/components/elements/Can'; import SpinnerOverlay from '@/components/elements/SpinnerOverlay'; import getServerAllocations from '@/api/swr/getServerAllocations'; import isEqual from 'react-fast-compare'; +import { useDeepCompareEffect } from '@/plugins/useDeepCompareEffect'; const NetworkContainer = () => { const [ loading, setLoading ] = useState(false); @@ -23,7 +24,7 @@ const NetworkContainer = () => { const { data, error, mutate } = getServerAllocations(); useEffect(() => { - mutate(allocations, false); + mutate(allocations); }, []); useEffect(() => { @@ -32,6 +33,12 @@ const NetworkContainer = () => { } }, [ error ]); + useDeepCompareEffect(() => { + if (!data) return; + + setServerFromState(state => ({ ...state, allocations: data })); + }, [ data ]); + const onCreateAllocation = () => { clearFlashes('server:network');