provider -> context

Author: nstepien

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);

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>
   );
 }