Merge pull request #13 from mbrookson/bugfix/portal-ssr

Check for window and document to stop SSR crashing

Author: mbrookson

package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.0.0",
+  "version": "1.0.1",
   "license": "MIT",
   "name": "react-simple-hook-modal",
   "description": "A simple React modal with hook based API",

src/components/Modal.tsx

@@ -12,11 +12,22 @@ export interface ModalProps {
   transition?: ModalTransition;
 }
 
+function hasDOM() {
+  return !!(
+    typeof window !== 'undefined' &&
+    window.document &&
+    window.document.createElement
+  );
+}
+
 export const Modal: React.FC<ModalProps> = modal => {
-  const container = document.getElementById('react-simple-modal-container');
   const { addOrUpdate, remove, getStaggerPixels } = useModalContext();
   const { id, isOpen } = modal;
 
+  const container = hasDOM()
+    ? document.getElementById('react-simple-modal-container')
+    : null;
+
   useEffect(() => {
     isOpen ? addOrUpdate(id) : remove(id);
     return () => remove(id);