[investigation] investigate usage of lib with sync/async states integration to react about linked-store

[eLeontev]

export function useLinkedState<T>(state: IStore<T>): [T, (state: T) => void];

fixed to:
export function useLinkedState<T>(state: IStore<T>): [T, SetState<T>];

[eLeontev]

async states were supported only inside the same component.

Extended to:

const Parent = () => {
 const [{getState}, setter] = useLinkedStore(asyncStore);
 return <Suspense fallback={<Loader />}><Childern getAsyncResourse={getState} /></Suspense>
}

// and

const Component = () => {
 const [{state, getState}, setter] = useLinkedStore(syncStore);
 expect(state).toBe(getState());

 return null
}

the current fucntionality is extended with useAsyncLinkedStore

const Parent = () => {
 return <Suspense fallback={<Loader />}><Childern /></Suspense>
}
const Childern = () => {
 const [state, setter] = useAsyncLinkedStore(asyncStore);
 return <pre>{JSON.stringify(state)}</pre>
}

[eLeontev]

need to redo usage of derivedStore from derivedStore<T> to derivedStore<T, R = T> to set valid types for hooks if derived state contains async callback.

• issue with dependent stores

const parentStore = derivedStore(() => new Promise(res => res(Math.random())))
const dependentStore = derivedStore((get) => get(parentStore).then(r => r + 1) // issue: r === undefined