provider -> context

adazzle · Dec 22, 2024 · e6bc742 · e6bc742
1 parent 142d12b
commit e6bc742
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 6 deletions.
diff --git a/website/directionContext.ts b/website/directionContext.ts
@@ -2,9 +2,7 @@ import { createContext, useContext } from 'react';
 
 import type { Direction } from '../src/types';
 
-const DirectionContext = createContext<Direction>('ltr');
-
-export const DirectionContextProvider = DirectionContext.Provider;
+export const DirectionContext = createContext<Direction>('ltr');
 
 export function useDirection(): Direction {
   return useContext(DirectionContext);

diff --git a/website/routes/__root.tsx b/website/routes/__root.tsx
@@ -3,7 +3,7 @@ import { createRootRoute, Outlet } from '@tanstack/react-router';
 import { css } from '@linaria/core';
 
 import type { Direction } from '../../src/types';
-import { DirectionContextProvider } from '../directionContext';
+import { DirectionContext } from '../directionContext';
 import Nav from '../Nav';
 
 export const Route = createRootRoute({
@@ -23,11 +23,11 @@ function Root() {
   const [direction, setDirection] = useState<Direction>('ltr');
 
   return (
-    <DirectionContextProvider value={direction}>
+    <DirectionContext value={direction}>
       <Nav direction={direction} onDirectionChange={setDirection} />
       <main dir={direction} className={mainClassname}>
         <Outlet />
       </main>
-    </DirectionContextProvider>
+    </DirectionContext>
   );
 }