PathFindingVisualizer | A path-finding visualizer using different algorithms | Learning library

I'm following instructions from https://github.com/gitname/react-gh-pages to deploy my react app to github pages.

At the link I'm getting a blank page though and a 404 error: Failed to load resource: the server responded with a status of 404 ()

My app works on local host

I searched around and its likely my homepage link that is wrong?

link to my repo: https://github.com/PatgioK/pathfindingvisualizer

link to the app: https://patgiok.github.io/pathfindingvisualizer/

here is my package.json:

I'm trying to implement the strategy design pattern to dynamically change how I handle mouse events in a react component.

My component:

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:

I´m trying to recreate a dijkstras pathfinding visualizer using react hooks.

The wrapper component is as below