React hook for mousetrap

Example.js

import React from "react";
import useMousetrap from "./hooks/useMousetrap";

export default function Example(){
  useMousetrap({
    a: () => console.log("you pressed a"),
    "ctrl+space": () => console.log("you pressed ctrl+space");
  }); 
  return "lol hi";
}

useMousetrap.js

import { useEffect } from "react";
import Mousetrap from "mousetrap";

export default function useMousetrap(keybindings) {
  useEffect(() => {
    Object.entries(keybindings).forEach(([key, fn]) =>
      Mousetrap.bind(`${key}`, e => {
        e.preventDefault();
        return fn(e);
      })
    );
    return () => Object.keys(keybindings).forEach(key => Mousetrap.unbind(key));
  }, [keybindings]);
}