improve check

Author: MrWangJustToDo

packages/r-store/src/__test__/type.tsx

@@ -153,16 +153,22 @@ useCountG.getActions();
 useCountG.getReactiveState().count;
 
 const useHH1 = createState(
-  withActions(
-    withNamespace(
-      withNamespace(() => ({ data: [] as number[] }), { namespace: "122" }),
-      { namespace: "111" }
+  withActions(withNamespace(
+    withActions(
+      withActions(
+        // withNamespace(
+        () => ({ data: [] as number[] }),
+        // { namespace: "111" }
+        // ),
+        { generateActions: (s) => ({ del: () => s.data.pop() }) }
+      ),
+      { generateActions: (state) => ({ ff: () => state.data.push(9999) }) }
     ),
-    { generateActions: (s) => ({ del: () => s.data.pop() }) }
-  ),
+    { namespace: "hhh" }
+  ), {generateActions: (s) => ({lll: () => s.data.sort()}), automaticBatchAction: true}),
   {
-    // withActions: (state) => ({ add: () => state.data.push(100) }),
-    withNamespace: "1111",
+    withActions: (state) => ({ add: () => state.data.push(100), kkkk: () => state.data.sort() }),
+    // withNamespace: "1111",
   }
   // {
   //   withActions: (s) => ({add: () => s.data.push(199)}),
@@ -190,7 +196,7 @@ useHH2.getReactiveState();
 const usePosition = () => {
   const [state, setState] = useReactiveState({ x: 0, y: 0 });
 
-  const [xPosition, setXPosition] = useReactiveState({ x: 0 });
+  const [xPosition, setXPosition] = useReactiveState(() => ({ x: 0 }));
 
   useReactiveEffect(() => {
     const listener = (e: MouseEvent) => {

packages/r-store/src/state/_internal.ts

@@ -1,4 +1,5 @@
 import { reactive, toRaw } from "@vue/reactivity";
+import { isPromise } from "@vue/shared";
 
 import { connectDevTool } from "../shared/dev";
 import { isServer } from "../shared/env";
@@ -47,6 +48,13 @@ export function internalCreateState<T extends Record<string, unknown>, P extends
   // handle withActions middleware;
   const initialState = getFinalState(state) as T;
 
+  if (__DEV__ && isPromise(initialState)) {
+    console.error(
+      `[reactivity-store] '${name}' expect receive a plain object but got a promise %o, this is a unexpected usage. should not return a promise in this 'setup' function`,
+      initialState
+    );
+  }
+
   let actions = getFinalActions(state);
 
   const namespace = getFinalNamespace(state);

packages/r-store/src/store/_internal.ts

@@ -1,4 +1,5 @@
 import { reactive, toRaw } from "@vue/reactivity";
+import { isPromise } from "@vue/shared";
 
 import { createHook } from "../shared/hook";
 import { createLifeCycle } from "../shared/lifeCycle";
@@ -17,12 +18,19 @@ export type Creator<T extends Record<string, unknown>> = () => T;
 export const internalCreateStore = <T extends Record<string, unknown>>(creator: Creator<T>, name = "createStore", lifeCycle?: LifeCycle) => {
   const state = creator();
 
+  if (__DEV__ && isPromise(state)) {
+    console.error(
+      `[reactivity-store] '${name}' expect receive a reactive object but got a promise %o, this is a unexpected usage. should not return a promise in this 'creator' function`,
+      state
+    );
+  }
+
   if (__DEV__ && checkHasMiddleware(state)) {
     console.error(`[reactivity-store] '${name}' not support middleware usage, please change to use 'createState'`);
   }
 
   if (__DEV__ && !checkHasReactive(state)) {
-    console.error(`[reactivity-store] '${name}' expect receive a reactive object but got a plain object %o, this is a unexpected usage`, state);
+    console.error(`[reactivity-store] '${name}' expect receive a reactive object but got a plain object %o, this is a unexpected usage. should return a reactive object in this 'creator' function`, state);
   }
 
   const rawState = toRaw(state);