export useEffect & useState (#1089)

* export useEffect & useState

* fix tests

Author: gonpombo8

packages/@dcl/playground-assets/etc/playground-assets.api.md

@@ -3659,6 +3659,16 @@ export interface ReactBasedUiSystem {
 
 // @public (undocumented)
 export namespace ReactEcs {
+    // (undocumented)
+    export type DependencyList = ReadonlyArray<any>;
+    const // (undocumented)
+    createElement: any;
+    // (undocumented)
+    export type Dispatch<T> = (action: SetStateAction<T>) => void;
+    // (undocumented)
+    export type EffectCallback = () => void | (() => void | undefined);
+    // (undocumented)
+    export type EffectHook = (effect: EffectCallback, deps?: DependencyList) => void;
     // (undocumented)
     export namespace JSX {
         export interface Component {
@@ -3671,8 +3681,15 @@ export namespace ReactEcs {
         // (undocumented)
         export type ReactNode = Element | ReactElement | string | number | boolean | null | undefined | ReactNode[];
     }
+    // (undocumented)
+    export type SetStateAction<T> = T | ((prevState: T) => T);
+    // (undocumented)
+    export type StateHook = <T>(initialState: T | (() => T)) => [T, Dispatch<T>];
     const // (undocumented)
-    createElement: any;
+    useEffect: EffectHook;
+    const // (undocumented)
+    useState: StateHook;
+        {};
 }
 
 // Warning: (tsdoc-at-sign-in-word) The "@" character looks like part of a TSDoc tag; use a backslash to escape it

packages/@dcl/react-ecs/src/react-ecs.ts

@@ -74,4 +74,14 @@ export namespace ReactEcs {
     export interface Component {}
   }
   export const createElement = (React as any).createElement
+  type SetStateAction<T> = T | ((prevState: T) => T)
+  type Dispatch<T> = (action: SetStateAction<T>) => void
+  type StateHook = <T>(initialState: T | (() => T)) => [T, Dispatch<T>]
+
+  // Type for useEffect
+  type DependencyList = ReadonlyArray<any>
+  type EffectCallback = () => void | (() => void | undefined)
+  type EffectHook = (effect: EffectCallback, deps?: DependencyList) => void
+  export const useEffect: EffectHook = (React as any).useEffect
+  export const useState: StateHook = (React as any).useState
 }

test/snapshots/package-lock.json

@@ -65,4 +65,4 @@ CALL onUpdate(0.1)
   OPCODES ~= 65k
   MALLOC_COUNT = 0
   ALIVE_OBJS_DELTA ~= 0.00k
-  MEMORY_USAGE_COUNT ~= 1708.06k bytes
+  MEMORY_USAGE_COUNT ~= 1708.08k bytes