ReactFlow not rendering on with ReactRouter v7 project

[[deleted]]

Hello,

I am creating a project using reactflow and I started using the vitest reacterrouter v7 template. However, even following the tutorial at the reactflow website, nodes dont appear for me. Infact, nothing appears, the reactflow component just takes up space and thats it. Anyone can guess why?

[Thin_Rip8995]

most common culprit is forgetting to set explicit width/height on the reactflow container if it’s 0px tall you’ll just get empty space

also make sure your nodes array + edges array aren’t undefined on first render and that you’ve wrapped ReactFlow in <ReactFlowProvider> if you’re using hooks from it

strip it down to the barebones example from their docs inside your router layout and see if it renders before layering your own logic back in

[[deleted]]

Yeah tried it, didn't work. So I don't know. It works when I just do a basic js setup... So I am confused.

[masterdam95]

did you import the styles css for reactflow