nonogram | A Nonogram puzzle game written in JavaFX

I am trying to write an algorithm to check if a nonogram has been solved. I have already create multiple classes to have helper methods. The design for what I have so far is a class for Clues where the constructor looks like this:

I am trying to make a simple 'Nonogram'/'Picross' game using React to learn UseContext and UseReducer, but am puzzled as to why my top component (App) is not re-rendering when a value it uses changes. Perhaps I am missing something basic, but I've read through documentation and examples online and can't see why it is not re-rendering.

Expectation: User goes on the application, clicks on the squares to change their value (draw a cross by clicking on the squares), and the text underneath the board reads "Congratulations!", as it is based on the value of 'isComplete'

Problem: As above, but 'Keep trying' remains.

I added a button to see the boardState as defined in the UseReducer function, too.

Code is as follows:

App.js

I am making a nonogram but one requirement is that when a counter is bigger then 9 I want te print letters instead, so for example if the counter is 10 I want to print an A, 11-B, etc. this is the function I have, the value hulp is put in an array in a different function.