Merge pull request #390 from dojoengine/fix/create-store

fix: create store type differenciation

.changeset/friendly-emus-beam.md

@@ -0,0 +1,16 @@
+---
+"@dojoengine/sdk": patch
+"template-vite-ts": patch
+"@dojoengine/core": patch
+"@dojoengine/create-burner": patch
+"@dojoengine/create-dojo": patch
+"@dojoengine/predeployed-connector": patch
+"@dojoengine/react": patch
+"@dojoengine/state": patch
+"@dojoengine/torii-client": patch
+"@dojoengine/torii-wasm": patch
+"@dojoengine/utils": patch
+"@dojoengine/utils-wasm": patch
+---
+
+fix: createStore now fit to either vanilla or react store

packages/sdk/src/react/hooks.ts

@@ -2,8 +2,9 @@ import { useContext } from "react";
 import { BigNumberish } from "starknet";
 import { SchemaType } from "../types";
 import { DojoContext, DojoContextType } from "./provider";
-import { create } from "zustand";
+import { create, StoreApi, UseBoundStore } from "zustand";
 import { createDojoStoreFactory } from "../state/zustand";
+import { GameState } from "../state";
 
 /**
  * Factory function to create a React Zustand store based on a given SchemaType.
@@ -12,7 +13,10 @@ import { createDojoStoreFactory } from "../state/zustand";
  * @returns A Zustand hook tailored to the provided schema.
  */
 export function createDojoStore<T extends SchemaType>() {
-    return createDojoStoreFactory<T>(create);
+    // hacktually until I find a proper type input to createDojoStoreFactory
+    return createDojoStoreFactory<T>(create) as unknown as UseBoundStore<
+        StoreApi<GameState<T>>
+    >;
 }
 
 /**

packages/sdk/src/state/zustand.ts

@@ -1,4 +1,4 @@
-import { type StateCreator, type StoreApi } from "zustand";
+import { UseBoundStore, type StateCreator, type StoreApi } from "zustand";
 import { immer } from "zustand/middleware/immer";
 import { Draft, WritableDraft, applyPatches, produceWithPatches } from "immer";