Error: react-d3-graph :: Graph :: you have not provided enough data for react-d3-graph to render something. You need to provide at least one node

[PraveenVutukuri]

I am fetching the data from backend, it is throwing error

[jadenmazzone]

Have you tried not rendering the component until the data is fetched? Ie have a "isLoading" (or something similar) state: if(!isLoading) -> render graph.

[danielcaldas]

@PraveenVutukuri please use the bug template when opening issues. Could you please add the version of react-d3-graph and other relevant details? Thanks!

Briefly looking into this, to avoid this kind of breaking behavior react-d3-graph could mute this in a production environment and simply console.error instead of actually throwing an error.

On the other hand, if you don't have data to render, then just don't mount the <Graph> component.

[mailuesp]

I think it should just draw an empty canvas if you provide a data object like following:

{
nodes: [],
links: []
}

instead of throwing an error.

[gokul112]

Hi,
Shall i work on this issue?

[danielcaldas]

Hey @gokul112 thanks for your interest. I think @LonelyPrincess might be looking into the same issue. Just to make sure we don't have two people working on this, I'll put this one on hold until we hear back from @LonelyPrincess. The solution we want to go with is to provide default data in case the client does not provide it. Just like pointed by @mailuesp above.

[LonelyPrincess]

Yeah, I agree in that it's best that we default the node list to an empty array and show a warning instead of throwing an error in these cases. It's true that the scenario in which someone uses the library to display an empty canvas is rare, but this is not really an error per se. A warning to tell the user that they forgot to pass down some data is enough to make them aware in case they didn't intend to leave that to happen. I'll upload a PR for this in a few minutes. 👍🏻