Refactor: CreatePortal 임포트 방식 변경 및 포탈 성능 개선

8-Sprinters · Feb 2, 2024 · f63caee · f63caee
1 parent 12fc904
commit f63caee
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/src/components/ModalPortal.ts b/src/components/ModalPortal.ts
@@ -1,14 +1,18 @@
 import { ReactNode } from 'react';
-import ReactDOM from 'react-dom';
+import { createPortal } from 'react-dom';
 
 interface Props {
   children: ReactNode;
 }
 
 const ModalPortal = ({ children }: Props) => {
+  if (typeof window === 'undefined') {
+    return null;
+  }
+
   const el = document.getElementById('modal-root') as HTMLElement;
 
-  return ReactDOM.createPortal(children, el);
+  return createPortal(children, el);
 };
 
 export default ModalPortal;