hotfix: undefined portals

Author: aidenybai

packages/kitchen-sink/src/examples/svg.tsx

@@ -0,0 +1,24 @@
+import { block } from 'million/react';
+
+const Svg = block(() => {
+  return (
+    <div>
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        fill="none"
+        viewBox="0 0 24 24"
+        strokeWidth={1.5}
+        stroke="currentColor"
+        className="w-6 h-6"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          d="M4.5 12.75l6 6 9-13.5"
+        />
+      </svg>
+    </div>
+  );
+});
+
+export default Svg;

packages/react/utils.ts

@@ -37,11 +37,11 @@ export const processProps = (
 export const renderReactScope = (
   vnode: ReactNode,
   unstable: boolean,
-  portals: MillionPortal[],
+  portals: MillionPortal[] | undefined,
   currentIndex: number,
   server: boolean,
 ) => {
-  const el = portals[currentIndex]?.current;
+  const el = portals?.[currentIndex]?.current;
   if (typeof window === 'undefined' || (server && !el)) {
     return createElement(
       RENDER_SCOPE,
@@ -72,7 +72,7 @@ export const renderReactScope = (
     portal: reactPortal,
     unstable,
   };
-  portals[currentIndex] = millionPortal;
+  if (portals) portals[currentIndex] = millionPortal;
 
   return millionPortal;
 };