🐛(react) fix default opened modal

Modal with isOpen=true on first render were causing a crash. With
this approach we make sure the portal node is already rendered.

Fixes #259

packages/react/src/components/Modal/index.tsx

@@ -52,6 +52,23 @@ export interface ModalProps
   }> {}
 
 export const Modal = (props: ModalProps) => {
+  /**
+   * This is a workaround to prevent the modal from rendering on the first render because if the modal is open on the
+   * first render, it will not be able to resolve document.getElementById("c__modals-portal") which is not rendered yet.
+   */
+  const [firstRender, setFirstRender] = React.useState(true);
+  useEffect(() => {
+    setFirstRender(false);
+  }, []);
+
+  if (firstRender) {
+    return null;
+  }
+
+  return <ModalInner {...props} />;
+};
+
+export const ModalInner = (props: ModalProps) => {
   const ref = React.useRef<HTMLDialogElement>(null);
 
   useEffect(() => {