Fix/bump react - Githubissues

Problem - React 18

Bumping react to be in sync with viewer.

A couple other dependencies seemed to need come along, react-dom, @types/react-dom, @types/react, react-waypoint. Also children is no longer a default prop on some components so I added it to a couple interfaces.

The only change that seems more significant is: In React 18 the legacy render method is replaced with createRoot.

Using the legacy API will cause the app to run as if its in React 17. We should use the new API so we are running the version we think we're running. The container for root could possible be null and these docs show this non-null assertion:

const root = createRoot(container); // createRoot(container!) if you use TypeScript

But that seems not safe and the linter doesn't like it so I used a ternary check, thoughts?

const container: HTMLElement | null = document.getElementById(APP_ID);
container !== null
    ? renderApp(container)
    : console.log("Could not find container element with id " + APP_ID);

St.^{:grey_question:}	Category	Percentage	Covered / Total
🟡	Statements	73.24%	602/822
🟡	Branches	68.38%	80/117
🔴	Functions	40.31%	79/196
🟡	Lines	71.7%	537/749

simularium / simularium-website

Fix/bump react #461

Problem - React 18

Coverage report

Test suite run success