doIf

0-do-if.ts

import { useEffect } from 'react'

export const doIf = (cond: boolean, effect: () => unknown): void => {
  useEffect(() => {
    if (cond) {
      effect()
    }
  }, [cond])
}

1-usage.ts

import React from 'react'

export const SomeComponent: React.FC = () => {
  const { isLoggedIn } = useAuthState()
  
  doIf(isLoggedIn, () => {
    setClient(client(...withAuthInfo...))
  })
  
  return ...
}