feat(react): add basic ssr support

packages/react/src/components/Nodes/wrapNode.tsx

@@ -181,7 +181,7 @@ export default (NodeComponent: ComponentType<NodeProps>) => {
           zIndex,
           transform: `translate(${xPosOrigin}px,${yPosOrigin}px)`,
           pointerEvents: hasPointerEvents ? 'all' : 'none',
-          visibility: initialized ? 'visible' : 'hidden',
+          visibility: initialized ? 'visible' : 'visible',
           ...style,
         }}
         data-id={id}

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

@@ -1,20 +1,20 @@
-import { useRef, type FC, type PropsWithChildren } from 'react';
+import { useRef, type ReactNode } from 'react';
 import { type StoreApi } from 'zustand';
 import { UseBoundStoreWithEqualityFn } from 'zustand/traditional';
 
 import { Provider } from '../../contexts/RFStoreContext';
 import { createRFStore } from '../../store';
-import type { ReactFlowState } from '../../types';
+import type { ReactFlowState, Node, Edge } from '../../types';
 
-const ReactFlowProvider: FC<PropsWithChildren<unknown>> = ({ children }) => {
+function ReactFlowProvider({ children, nodes, edges }: { children: ReactNode; nodes?: Node[]; edges?: Edge[] }) {
   const storeRef = useRef<UseBoundStoreWithEqualityFn<StoreApi<ReactFlowState>> | null>(null);
 
   if (!storeRef.current) {
-    storeRef.current = createRFStore();
+    storeRef.current = createRFStore({ nodes, edges });
   }
 
   return <Provider value={storeRef.current}>{children}</Provider>;
-};
+}
 
 ReactFlowProvider.displayName = 'ReactFlowProvider';