example.jsx

import React from 'react';

import useWindowEvent from './useWindowEvent';

function Example() {
  useWindowEvent('keydown', (e) => {
    console.log('Pressed', e.key);
  });
  
  return <div>Example</div>;
}

useWindowEvent.js

import { useEffect } from 'react';

const useWindowEvent = (eventName, onEvent) => {
  // Window check is isolated to here
  if(typeof window === 'object') {
    return;
  }

  useEffect(() => {
    if (onEvent) {
      window.addEventListener(eventName, onEvent, true);
    }

    return () => {
      if (onEvent) {
        window.removeEventListener(eventName, onEvent, true);
      }
    };
  }, [eventName, onEvent]);
};

export default useWindowEvent;