const useHotkey = (def, fn) => {
  const target = def.map(d => d.toLowerCase()).join('-')
  // console.log( `目標字串`, target )
  //
  useEffect(() => {
    //
    const handler = evt => {
      const keys = []
      if(evt.metaKey) keys.push('meta')
      if(evt.ctrlKey) keys.push('ctrl')
      if(evt.altKey) keys.push('alt')
      keys.push(evt.key.toLowerCase())
      // console.log( `最終 keys`, keys )
      if(keys.join('-') === target){
        console.log( `中了`, keys  )
      }
    }

    document.addEventListener('keydown', handler)
    console.log( `掛了`,  )
    return window.removeEventListener('keydown', handler)
  }, [])
}