fix: handlersMapRef contains old references to state handlers after first Tabs rerender

Author: layerok

src/lib/tabs/useTabs.tsx

@@ -128,14 +128,6 @@ const useTabsState = (apiRef: MutableRefObject<TabsApi>, props: TabsProps) => {
     initialStartPinnedTabs = [],
     initialEndPinnedTabs = [],
   } = props;
-  const handlersMapRef = useRef<ControlledStateCallbacks>({
-    tabs: onTabsChange,
-    activeTabId: onActiveTabIdChange,
-    startPinnedTabs: onStartPinnedTabsChange,
-    endPinnedTabs: onEndPinnedTabsChange,
-    childTabsApi: () => {},
-    parentTabsApi: () => {},
-  });
 
   const stateRef = useRef<State>({
     tabs: initialTabs,
@@ -164,7 +156,14 @@ const useTabsState = (apiRef: MutableRefObject<TabsApi>, props: TabsProps) => {
     if (runHandlers) {
       subStateKeys.forEach((subStateKey) => {
         const subState = newState[subStateKey];
-        const subStateHandler = handlersMapRef.current[subStateKey];
+        const subStateHandler = {
+          tabs: onTabsChange,
+          activeTabId: onActiveTabIdChange,
+          startPinnedTabs: onStartPinnedTabsChange,
+          endPinnedTabs: onEndPinnedTabsChange,
+          childTabsApi: () => {},
+          parentTabsApi: () => {},
+        }[subStateKey];
         // @ts-ignore
         subStateHandler?.(subState);
       });