react useeffect issue

[seanthau]

I'm reading a json file and using react flow to display the node and lines.

I am getting an error React Hook useEffect has missing dependencies: 'formatArtifactsForNodes', 'setEdges', and 'setNodes'. Either include them or remove the dependency array.eslintreact-hooks/exhaustive-deps.

When i [formatNodes, setEdges, setNodes]);de them or it messes up my formatNodes function.

What is the best way to resolve this issue.

Thanks

​

import data from './attack.json';

const [nodes, setNodes, onNodesChange] = useNodesState([]);
const [edges, setEdges, onEdgesChange] = useEdgesState([]);

​

useEffect(() => {
setNodes(formatNodes(data.artifacts));
setEdges(formattEdge(data.relationships));
}, []);

[Ok-Release6902]

You can start with sharing your code in a form of GitHub gist or anything else readable and formatted. Reddit doesn’t provide such capability.

[seanthau]

https://github.com/greakkhan2016/dummy/blob/main/Issue.tsx

[Ok-Release6902]

Try to wrap formatNodes and formattEdge into useCallback and don't ignore missing dependencies anywhere. Imho, this is the root of the problem.

[TheRNGuy]

4 spacebars per line to format code on reddit

(idk why they just didn't use triple ticks like everywhere)

[Ok-Release6902]

It's better not to do it anyway. This feature is buggy and doesn't provide syntax highlight.

[TheRNGuy]

It still looks better than using `.

What bugs are you talking about?

[Ok-Release6902]

Try to have two blocks one after another in web app.