TabSwitcher.tsx

const TabSwitcher = ({ children }: any) => {
  const [activeTabId, setActiveTab] = useState<string>("a");
  const changeTab = (newTabId: any) => {
    setActiveTab(newTabId);
  };

  return (
    <context.Provider
      value={{
        activeTabId: activeTabId,
        changeTab: changeTab
      }}
    >
      {children}
    </context.Provider>
  );
};