replace useState to useMemo

WordPress · Sep 28, 2023 · 821f4d4 · 821f4d4
1 parent 78ab5e7
commit 821f4d4
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/packages/components/src/slot-fill/bubbles-virtually/slot-fill-provider.tsx b/packages/components/src/slot-fill/bubbles-virtually/slot-fill-provider.tsx
@@ -7,7 +7,7 @@ import { proxyMap } from 'valtio/utils';
 /**
  * WordPress dependencies
  */
-import { useState } from '@wordpress/element';
+import { useMemo } from '@wordpress/element';
 import isShallowEqual from '@wordpress/is-shallow-equal';
 
 /**
@@ -109,7 +109,7 @@ function createSlotRegistry(): SlotFillBubblesVirtuallyContext {
 export default function SlotFillProvider( {
  children,
 }: SlotFillProviderProps ) {
- const [ registry ] = useState( createSlotRegistry );
+ const registry = useMemo( createSlotRegistry, [] );
  return (
  <SlotFillContext.Provider value={ registry }>
  { children }

diff --git a/packages/components/src/slot-fill/provider.tsx b/packages/components/src/slot-fill/provider.tsx
@@ -2,7 +2,7 @@
  * WordPress dependencies
  */
 import type { Component } from '@wordpress/element';
-import { useState } from '@wordpress/element';
+import { useMemo } from '@wordpress/element';
 
 /**
  * Internal dependencies
@@ -118,7 +118,7 @@ function createSlotRegistry(): BaseSlotFillContext {
 }
 
 export function SlotFillProvider( { children }: SlotFillProviderProps ) {
- const [ contextValue ] = useState( createSlotRegistry );
+ const contextValue = useMemo( createSlotRegistry, [] );
  return (
  <SlotFillContext.Provider value={ contextValue }>
  { children }