@basic-ui/material 1.0.0-alpha.28 → 1.0.0-alpha.29

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@basic-ui/material",
-  "version": "1.0.0-alpha.28",
+  "version": "1.0.0-alpha.29",
   "description": "Accessible React Components used as building blocks for UI patterns",
   "author": "Lucas Terra <lucasterra7@gmail.com>",
   "license": "MIT",
@@ -52,5 +52,5 @@
     "react": "^16.14.0 || ^17.0.0 || ^18.0.0",
     "react-dom": "^16.14.0 || ^17.0.0 || ^18.0.0"
   },
-  "gitHead": "be1879be74e75d30880a0b254fce0bfbe9d36b7c"
+  "gitHead": "ee3fb47600f6b456b30902d30436894fde9c5387"
 }

package/src/Snackbar/Stack.tsx

@@ -1,5 +1,5 @@
-import type { MutableRefObject, ReactElement, FC, ReactNode } from 'react';
 import {
+  useMemo,
   useLayoutEffect,
   createContext,
   useContext,
@@ -7,6 +7,7 @@ import {
   useRef,
   useState,
 } from 'react';
+import type { MutableRefObject, ReactElement, FC, ReactNode } from 'react';
 
 export type StackPlacement =
   | 'top-right'
@@ -209,12 +210,15 @@ export const StackProvider: FC<{
   maxSize?: number;
 }> = ({ children, gap = 8, placement = 'top-right', maxSize = 3 }) => {
   const onAddItemRef = useRef<(element: ReactElement) => void>(null);
-  function onAddItem(element: ReactElement) {
-    onAddItemRef.current?.(element);
-  }
+  const value = useMemo(
+    () => ({
+      addItem: (element: ReactElement) => onAddItemRef.current?.(element),
+    }),
+    []
+  );
 
   return (
-    <StackContext.Provider value={{ addItem: onAddItem }}>
+    <StackContext.Provider value={value}>
       {children}
       <StackContent
         gap={gap}