Changed app to be a function component instead of a class component to bypass ts rendering of class component error

Author: Samuel Tran

src/backend/__tests__/linkFiber.test.tsx

@@ -6,8 +6,8 @@
 /* eslint-disable import/order */
 /* eslint-disable import/no-extraneous-dependencies */
 /* eslint-disable react/jsx-filename-extension */
-//@ts-nocheck
-import React, { Component } from 'react';
+import { string } from 'prop-types';
+import React, { useState } from 'react';
 import { render } from 'react-dom';
 import linkFiberStart from '../linkFiber';
 
@@ -24,17 +24,17 @@ let snapShot;
 let browser;
 let page;
 
-class App extends Component{
-  state: { foo: string; };
-  constructor(props) {
-    super(props);
-    this.state = { foo: 'bar' };
-  }
-
-  render() {
-    const { foo } = this.state;
-    return <div>{foo}</div>;
-  }
+interface fooState {
+  foo: string,
+  setFoo?: (string) => void
+}
+function App(): JSX.Element {
+  const [fooState, setFooState] = useState({
+    foo: 'bar',
+  });
+  return (
+    <div>{fooState}</div>
+  );
 }
 
 xdescribe('unit test for linkFiber', () => {