feat: Add react and mobx integration

1 files changed, 24 insertions, 0 deletions

diff --git a/packages/renderer/src/components/StoreProvider.tsx b/packages/renderer/src/components/StoreProvider.tsx
new file mode 100644
index 0000000..51c39f7
--- /dev/null
+++ b/packages/renderer/src/components/StoreProvider.tsx
@@ -0,0 +1,24 @@
+import React, { createContext, useContext } from 'react';
+
+import type { RootStore } from '../stores/RootStore';
+
+const StoreContext = createContext<RootStore | null>(null);
+
+export function useStore(): RootStore {
+  const store = useContext(StoreContext);
+  if (store === null) {
+    throw new Error('useStore can only be called inside of StoreProvider');
+  }
+  return store;
+}
+
+export function StoreProvider({ children, store }: {
+  children: JSX.Element | JSX.Element[],
+  store: RootStore,
+}): JSX.Element {
+  return (
+    <StoreContext.Provider value={store}>
+      {children}
+    </StoreContext.Provider>
+  );
+}