오늘의 뻘: ui 라이브러리 만들 때 신경써야할 것(유니버셜)

docuemnt와 navigator 같은 브라우저 객체 방지를 잘 해야됨
왜냐하면 서버에선 아래와 같음

typeof docuemnt === 'undefined'
typeof navigator === 'undefined'
typeof window === 'undefined'

아래 훅을 만들어서 사용함

import React from 'react';

const useBrowserEffect: typeof React.useEffect = (effect, deps = []) => {
  React.useEffect(() => {
    if (typeof document !== 'undefined') {
      effect();
    }
  }, [...deps]);
};

export default useBrowserEffect;