Edges not rendering with production build. about xyflow HOT 5 CLOSED

Ah my bad should've been obvious that it's create react app 🤣
Been using vite for so long I removed all other build tools from my brain

Okay that's interesting, I assumed you wanted to upgrade from 10 to 11.

Are the edges in the DOM? Can you check that?
What styles are applied on react-flow__edges?
Is overflow: visible possibly not enabled?

from xyflow.

You are great...as you explained...the culprit was PurgeCSS..its working fine now...

from xyflow.

Did you follow the v11 migration guide?

It looks to me as if you're not importing the necessary styles, although from the little bit of code you gave us (not even sure what "craco" is supposed to be - a build tool? Never heard of that before tbh) it's not quite apparent what you're doing and why it's not working.

Best thing in these situations is to provide a sandbox repro for your issue 😄

You can find a template here.

from xyflow.

Migration not required as we started with version 11.10.4 from scratch. and craco is Create React App Configuration Override tool. I just downgraded it to 10.3.17 when it was not working with 11.10.4. and it worked.

from xyflow.

Any chance that your prod build is simply not including react flow styles?
I see you're using PurgeCSS and I kinda suspect that the relevant styles for ReactFlow are removed by that.

It would explain why downgrading seemingly makes it work, since you wouldn't have to explicitly import the css anymore and it can't just be purged away.

from xyflow.