social-app / src / components / hooks / useInteractionState.ts

import React from 'react'

export function useInteractionState() {
  const [state, setState] = React.useState(false)

  const onIn = React.useCallback(() => {
    setState(true)
  }, [])
  const onOut = React.useCallback(() => {
    setState(false)
  }, [])

  return React.useMemo(
    () => ({
      state,
      onIn,
      onOut,
    }),
    [state, onIn, onOut],
  )
}