Legacy state hook implementation (didn't test this 100%, should work though)

use-legacy-state.tsx

import {useState} from 'react'

// Example usage:
//
// const [state, setState] = useLegacyState<State>({
//     history: [],
//     queue: [],
//     song: null,
//     songTime: null,
//     paused: true,
// })

export default function useLegacyState<T>(
  initialValue: T
): [T, (setter: Partial<T> | ((state: T) => T)) => void] {
  const [state, _setState] = useState<T>(initialValue)

  function setState(setter: ((state: T) => T) | Partial<T>) {
    if (setter instanceof Function) {
      _setState(setter(state))
    } else {
      _setState({...state, ...setter})
    }
  }

  return [state, setState]
}