pathfindingvisualizer | Educational Pathfinding Tool Powered By React | Frontend Framework library

I have two problems at the moment with recreating a dijkstras pathfinding visualizer.

My Codesandbox: https://codesandbox.io/s/silent-morning-t84e0

1. If you click/ click and drag onto the grid you can create wall-nodes that block the path. But it happens that, if you click and drag for a few nodes, release the mouse button and click and drag on the same node you ended on, the mouse pointer is somehow disabled and doesnt notice the onMouseUp event. result: the mouse is still clicked --> thus you still create walls onMouseOver even if the mouse is not pressed

2. Previously the nodes that are visited by the algorithm were animated by adding a class via getElementById.classname. But i actually want to update the class in the child component by passing down the isVisited prop that is part of the state anyway. But i cant figure out why my isVisited in my state is updated before i call setState or how i can do it properly. Currently the all the visited nodes are animated at once before they go back to white as if they were not visited.

Wrapper Component: