A simple hook for adding hotkeys to your React app. Piggybacks on keyboardJS for a nicer interface.

useHotkey.ts

import keyboardJS from 'keyboardjs'
import { useEffect } from 'react'

export default function useHotkey(key: string | string[], callback: () => void) {
  useEffect(() => {
    keyboardJS.bind(key, callback)
    return () => keyboardJS.unbind(key, callback)
  }, [key, callback])
}

// usage
import useHotkey from './useHotkey'

export default function() {
  useHotkey('a + b', () => console.log('you pressed a and b at the same time'))

  return <h1>hi</h1>
}