Feature: export useMousetrap hook

demo/index.tsx

@@ -15,7 +15,7 @@ import ReactDOM from 'react-dom';
 import 'resize-observer-polyfill/dist/ResizeObserver.global';
 import useUndo from 'use-undo';
 import { TimeGridScheduler } from '../src/components/TimeGridScheduler';
-import useMousetrap from '../src/hooks/useMousetrap';
+import { useMousetrap } from '../src/hooks/useMousetrap';
 import { classes as defaultClasses } from '../src/styles';
 import { EventRootProps, ScheduleType } from '../src/types';
 import DeleteIcon from './assets/outline-delete-24px.svg';

src/components/RangeBox.tsx

@@ -9,7 +9,7 @@ import React, {
   useState,
 } from 'react';
 import Draggable, { DraggableEventHandler } from 'react-draggable';
-import useMousetrap from '../hooks/useMousetrap';
+import { useMousetrap } from '../hooks/useMousetrap';
 import { CellInfo } from '../types';
 import { EventContent } from './EventContent';
 import { ScheduleProps } from './Schedule';

src/components/TimeGridScheduler.tsx

@@ -17,7 +17,7 @@ import React, {
 } from 'react';
 import scrollIntoView from 'scroll-into-view-if-needed';
 import { useClickAndDrag } from '../hooks/useClickAndDrag';
-import useMousetrap from '../hooks/useMousetrap';
+import { useMousetrap } from '../hooks/useMousetrap';
 import {
   CellInfo,
   ClassNames,
@@ -316,6 +316,11 @@ export const TimeGridScheduler = React.memo(function TimeGridScheduler({
       return;
     }
 
+    // IE, Edge do not support it
+    if (!('scrollBy' in root.current)) {
+      return;
+    }
+
     root.current.scrollBy(0, top);
 
     setWasInitialScrollPerformed(true);

src/hooks/useMousetrap.ts

@@ -7,7 +7,7 @@ import { useEffect, useRef } from 'react';
  * @param handlerKey - A key, key combo or array of combos according to Mousetrap documentation.
  * @param  handlerCallback - A function that is triggered on key combo catch.
  */
-export default function useMousetrap(
+export function useMousetrap(
   handlerKey: string | string[],
   handlerCallback: (e: ExtendedKeyboardEvent, combo: string) => void,
   elementOrElementRef: typeof document | React.RefObject<Element | null>,

src/index.tsx

@@ -1,4 +1,5 @@
 import { TimeGridScheduler } from './components/TimeGridScheduler';
+import { useMouseTrap } from './hooks/useMousetrap';
 import { classes } from './styles';
 
-export { TimeGridScheduler, classes };
+export { TimeGridScheduler, classes, useMouseTrap };