useSharedState.ts

import { BehaviorSubject, Subject, combineLatest } from 'rxjs'
import { useState, useEffect } from 'react'
import { skip, filter } from 'rxjs/operators'

export const useSharedState = <T>(
  defaultState: T,
  subject: Subject<T>
): [T, typeof useState] => {
  const [value, setState] = useState(defaultState)
  useEffect(() => {
    const sub = subject.subscribe(s => setState(s))
    return () => sub.unsubscribe()
  })
  const newSetState = (state: T) => subject.next(state)
  // @ts-ignore
  return [value, newSetState]
}

export const setPartial = <T>(
  subject: BehaviorSubject<T>,
  partial: Partial<T>
) => {
  const prev = subject.getValue()
  subject.next({ ...prev, ...partial })
}

I recently found out about this implementation. And landed on this one. May I ask on how should the code look like when doing API calls (say, with axios-observable) and setting them on the global state (useSharedState) ? Also, I don't seem to understand what the setPartial is for.