v11 nodes, edges are not displayed

[ggnu11]

What platform were you using when you found the bug?

• React Flow / Svelte Flow version: 11.11.3
• Browser and version: chrome
• OS and version:

Live code example

No response

Describe the Bug

Failed to draw edges, nodes after updating from v10 to v11.

Steps to reproduce the bug or issue

It doesn't even show up in the code sandbox, it flashes for a moment and disappears on the screen I'm working on. When I modify overflow, it's on the screen, but when I apply overflow, it doesn't show up again

Expected behavior

I have a bug where the screen disappears when I move the mouse to flow. This is my code

<ReactFlow
         elementsSelectable={false}
         selectNodesOnDrag={false}
         connectOnClick={false}
         nodesConnectable={false}
         nodesDraggable={false}
         panOnDrag={false}
         zoomOnScroll={false}
         zoomOnPinch={false}
         zoomOnDoubleClick={false}
         preventScrolling={false}
         style={{
           width: flowWidthSize,
           height: flowHeightSize,
           margin: '0',
         }}
         nodeTypes={nodeTypes}
         nodes={initialNodes}
         edges={initialEdges}
         onNodeMouseEnter={(e, node: any) => {
           setActiveSeq(node.seq);
         }}
         onNodeMouseLeave={() => {
           setActiveSeq(null);
         }}
         onEdgeMouseEnter={(e, node: any) => {
           setActiveSeq(node.seq);
         }}
         onEdgeMouseLeave={() => {
           setActiveSeq(null);
         }}
       />

Screenshots or Videos

2024-06-18.15.16.03.mp4

Additional context

https://codesandbox.io/p/sandbox/reactflow-v11-7txvtw?file=%2Fsrc%2Fcomponents%2Freactflow%2FReactFlow1.tsx

[bcakmakoglu]

The container in which you wrap ReactFlow has no proper height.

Change that and it works:

[ggnu11]

As you told me, I tried to correct the height, but the blinking phenomenon did not disappear. And after checking the link you sent me, I corrected the code that caused the error.

https://codesandbox.io/p/sandbox/reactflowv11-cj7cx8?file=%2Fsrc%2Fcomponent%2FReactFlow1.tsx%3A311%2C30

[moklick]

This is not an issue with React Flow. Please use Stackoverflow or Discord to discuss custom use cases.