@synerise/ds-tray 1.1.42 → 1.1.43

package/CHANGELOG.md

@@ -3,6 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.1.43](https://github.com/Synerise/synerise-design/compare/@synerise/ds-tray@1.1.42...@synerise/ds-tray@1.1.43) (2026-06-27)
+
+### Bug Fixes
+
+- memoize TrayProvider context value and useTray result ([d06d9f3](https://github.com/Synerise/synerise-design/commit/d06d9f3f5226c832945d185f9f0cb0b8b6664390))
+
 ## [1.1.42](https://github.com/Synerise/synerise-design/compare/@synerise/ds-tray@1.1.41...@synerise/ds-tray@1.1.42) (2026-06-17)
 
 **Note:** Version bump only for package @synerise/ds-tray

package/dist/components/TrayProvider.js

@@ -1,11 +1,11 @@
 import { jsx } from "react/jsx-runtime";
-import { useState } from "react";
+import { useState, useCallback, useMemo } from "react";
 import { TrayContext } from "../contexts/TrayContext.js";
 const TrayProvider = ({
   children
 }) => {
   const [trayState, setTrayState] = useState({});
-  const openTray = (id, data) => {
+  const openTray = useCallback((id, data) => {
     setTrayState((prev) => ({
       ...prev,
       [id]: {
@@ -13,8 +13,8 @@ const TrayProvider = ({
         data
       }
     }));
-  };
-  const closeTray = (id) => {
+  }, []);
+  const closeTray = useCallback((id) => {
     setTrayState((prev) => ({
       ...prev,
       [id]: {
@@ -22,18 +22,19 @@ const TrayProvider = ({
         isOpen: false
       }
     }));
-  };
-  const getTrayState = (id) => {
+  }, []);
+  const getTrayState = useCallback((id) => {
     return trayState[id] || {
       isOpen: false,
       data: null
     };
-  };
-  return /* @__PURE__ */ jsx(TrayContext.Provider, { value: {
+  }, [trayState]);
+  const value = useMemo(() => ({
     openTray,
     closeTray,
     getTrayState
-  }, children });
+  }), [openTray, closeTray, getTrayState]);
+  return /* @__PURE__ */ jsx(TrayContext.Provider, { value, children });
 };
 export {
   TrayProvider

package/dist/hooks/useTray.js

@@ -1,13 +1,14 @@
+import { useMemo } from "react";
 import { useTrayContext } from "./useTrayContext.js";
 const useTray = () => {
   const {
     openTray,
     closeTray
   } = useTrayContext();
-  return {
+  return useMemo(() => ({
     open: openTray,
     close: closeTray
-  };
+  }), [openTray, closeTray]);
 };
 export {
   useTray

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-tray",
-  "version": "1.1.42",
+  "version": "1.1.43",
   "description": "Tray UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -52,5 +52,5 @@
     "styled-components": "^5.3.3",
     "vitest": "4"
   },
-  "gitHead": "d8c64070f58f14e3fb1bfbcbf00d1e3b8fd51eb8"
+  "gitHead": "dfd892acc1d02abebcf661db3fb32f0fc4b6c354"
 }