// !！！ 废弃了

import { useRef, useState, useCallback, useEffect } from 'react'

// export function useRefState<T>(initialState: T) {
//   const ref = useRef(initialState)
//   const [_, setState] = useState(true)
//   const dispatch = useCallback((newState: T) => {
//     if (newState !== ref.current) {
//       ref.current = newState
//       setState((prevState) => !prevState)
//     }
//   }, [])

//   return [ref, dispatch] as [
//     React.MutableRefObject<T>,
//     (newState: T) => T
//   ]
// }

export function useRefState<T>(initialState: T | (() => T)) {
  const [state, setState] = useState(initialState)
  const ref = useRef<T>(state)
  ref.current = state

  return [ref, setState] as [
    React.MutableRefObject<T>,
    React.Dispatch<React.SetStateAction<T>>
  ]
}