Super Bowl: Scores, winners, results
Try rendering into a container element created for your app. Replacing React-rendered children with a new root component. If you intended to update the children of this node, you should instead have the existing children update their state and render the new components instead of calling ReactDOM.
Target node has markup rendered by React, but there are unrelated nodes as well. This is most commonly caused by white-space inserted around server-rendered markup. Render methods should be a pure function of props and state; triggering nested component updates from render is not allowed. If necessary, trigger nested updates in componentDidUpdate.
Target container is not a DOM element. The node you're attempting to unmount was rendered by another copy of React. The node you're attempting to unmount was rendered by React and is not a top-level container. Target container is not valid. Then put one team name on top of the grid and the other on the side. Now you have the basic square grid for your football pool. The only drawback with this pool is that luck is more involved with winning than your gambling skill.
Because scores most generally end in the former numbers. Using our grid, you could have different numbers for each quarter and the final prize. I believe this is by far the best way to do it. After the squares are divvied out, you are all set to go. Smaller prizes are usually awarded to the winners of each quarter. The person with the square would win the prize.
Having winners after each quarter will keep everyone involved throughout the game.