feat(react): add basic ssr support

packages/react/src/container/EdgeRenderer/index.tsx

@@ -62,23 +62,13 @@ const EdgeRenderer = ({
   onEdgeUpdateEnd,
   children,
 }: EdgeRendererProps) => {
-  const { width, height, edgesFocusable, edgesUpdatable, elementsSelectable, onError } = useStore(selector, shallow);
+  const { edgesFocusable, edgesUpdatable, elementsSelectable, onError } = useStore(selector, shallow);
   const edgeTree = useVisibleEdges(onlyRenderVisibleElements, elevateEdgesOnSelect);
 
-  if (!width) {
-    return null;
-  }
-
   return (
     <>
       {edgeTree.map(({ level, edges, isMaxLevel }) => (
-        <svg
-          key={level}
-          style={{ zIndex: level }}
-          width={width}
-          height={height}
-          className="react-flow__edges react-flow__container"
-        >
+        <svg key={level} style={{ zIndex: level }} className="react-flow__edges react-flow__container">
           {isMaxLevel && <MarkerDefinitions defaultColor={defaultMarkerColor} rfId={rfId} />}
           <g>
             {edges.map((edge) => {

packages/react/src/container/ReactFlow/Wrapper.tsx

@@ -1,9 +1,10 @@
-import { useContext, type FC, type PropsWithChildren } from 'react';
+import { useContext, type ReactNode } from 'react';
 
 import StoreContext from '../../contexts/RFStoreContext';
 import ReactFlowProvider from '../../components/ReactFlowProvider';
+import type { Node, Edge } from '../../types';
 
-const Wrapper: FC<PropsWithChildren<unknown>> = ({ children }) => {
+function Wrapper({ children, nodes, edges }: { children: ReactNode; nodes?: Node[]; edges?: Edge[] }) {
   const isWrapped = useContext(StoreContext);
 
   if (isWrapped) {
@@ -12,8 +13,12 @@ const Wrapper: FC<PropsWithChildren<unknown>> = ({ children }) => {
     return <>{children}</>;
   }
 
-  return <ReactFlowProvider>{children}</ReactFlowProvider>;
-};
+  return (
+    <ReactFlowProvider nodes={nodes} edges={edges}>
+      {children}
+    </ReactFlowProvider>
+  );
+}
 
 Wrapper.displayName = 'ReactFlowWrapper';
 

packages/react/src/container/ReactFlow/index.tsx

@@ -181,7 +181,7 @@ const ReactFlow = forwardRef<ReactFlowRefType, ReactFlowProps>(
         data-testid="rf__wrapper"
         id={id}
       >
-        <Wrapper>
+        <Wrapper nodes={nodes} edges={edges}>
           <GraphView
             onInit={onInit}
             onNodeClick={onNodeClick}