Refactor StoreContext to RootStoreContext

mairisb · Jan 22, 2024 · b329c90 · b329c90
1 parent 56071ee
commit b329c90
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 8 deletions.
diff --git a/packages/client/src/core/root.store.ts b/packages/client/src/core/root.store.ts
@@ -15,5 +15,5 @@ export class RootStore {
   }
 }
 
-export const StoreContext = createContext(new RootStore());
-export const useStore = () => useContext(StoreContext);
+export const RootStoreContext = createContext<RootStore>(null as any);
+export const useStore = () => useContext(RootStoreContext);
diff --git a/packages/client/src/index.tsx b/packages/client/src/index.tsx
@@ -2,7 +2,7 @@ import { StrictMode } from 'react';
 import * as ReactDOM from 'react-dom/client';
 import { BrowserRouter } from 'react-router-dom';
 import { App } from './app/app';
-import { RootStore, StoreContext } from './core/root.store';
+import { RootStore, RootStoreContext } from './core/root.store';
 
 const root = ReactDOM.createRoot(
   document.getElementById('root') as HTMLElement,
@@ -13,9 +13,9 @@ const rootStore = new RootStore();
 root.render(
   <StrictMode>
     <BrowserRouter>
-      <StoreContext.Provider value={rootStore}>
+      <RootStoreContext.Provider value={rootStore}>
         <App />
-      </StoreContext.Provider>
+      </RootStoreContext.Provider>
     </BrowserRouter>
   </StrictMode>,
 );
diff --git a/packages/client/src/utils/test.utils.tsx b/packages/client/src/utils/test.utils.tsx
@@ -2,7 +2,7 @@ import type { RenderOptions } from '@testing-library/react';
 import { render } from '@testing-library/react';
 import React, { PropsWithChildren } from 'react';
 import { MemoryRouter } from 'react-router-dom';
-import { RootStore, StoreContext } from '../core/root.store';
+import { RootStore, RootStoreContext } from '../core/root.store';
 
 interface ExtendedRenderOptions extends RenderOptions {
   rootStore?: RootStore;
@@ -14,9 +14,9 @@ export const renderWithProviders = (
 ) => {
   const Wrapper = ({ children }: PropsWithChildren<{}>): JSX.Element => {
     return (
-      <StoreContext.Provider value={rootStore}>
+      <RootStoreContext.Provider value={rootStore}>
         <MemoryRouter>{children}</MemoryRouter>
-      </StoreContext.Provider>
+      </RootStoreContext.Provider>
     );
   };