added eslint rule @typescript-eslint/no-deprecated, and adopted the n…

…ew react 19 way of using context
KaiHotz · Dec 8, 2024 · 582a015 · 582a015
1 parent f429925
commit 582a015
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/src/components/Tabs/Tabs.tsx b/src/components/Tabs/Tabs.tsx
@@ -27,16 +27,16 @@ export const Tabs: FC<ITabsProps> = ({ id = 'tabs', children, testId, selected,
 
   return (
     <div id={id} data-testId={testId}>
-      <TabListContext.Provider value={{ selected, onTabChange, tabsId: id }}>{tabList}</TabListContext.Provider>
-      <TabPanelContext.Provider
+      <TabListContext value={{ selected, onTabChange, tabsId: id }}>{tabList}</TabListContext>
+      <TabPanelContext
         value={{
           role: 'tabpanel',
           id: `${id}-${selected}-tab`,
           'aria-labelledby': `${id}-${selected}`,
         }}
       >
         {tabPanels[selected]}
-      </TabPanelContext.Provider>
+      </TabPanelContext>
     </div>
   );
 };