EasyGrid | EasyGrid - VanillaJS Responsive Grid | Grid library

Edit: I created wrappers for each different component, required the necessary collections and passed them as props to a main, generic component.

We made 3 very similar components using React, and ended up having three really similar files with some minor modifications, depending on the specific component.
My question is really simple (but might be hard to implement), we want to utilize the same file for that base, so i want to dynamically use requires, and initialize variables, how can i do it?

I have the following code for a simple game that lets player1 and player2 take turns to roll two six sided dice(die). On reaching 49 (the last number in the matrix) a player will win. Players start at 1 and then move up the number that is rolled (total of both die).

I have three errors (logic errors) in my code that I need some help with.

1)The winner functionality doesn't work. If a player reaches 49 or is close (see output at the end) it doesn't logically allow them to win. (just keep pressing enter to run a test and see the peculiar output pasted below). Player 1 AND Player 2 can reach 49 but it doesn't take them to the "winner()" module. Why? I have used ">=" correctly or have I not?

Having said that, in one test: Player 2 reached 49, and it didn't go to the winner() module: