Compiling the app.tsx file with Babel

bin/App.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var App = function App() {
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "App-container"
+  }, /*#__PURE__*/_react["default"].createElement("p", null, "Edit ", /*#__PURE__*/_react["default"].createElement("code", null, "src/App.tsx"), " and save to reload the browser"));
+};
+
+var _default = App;
+exports["default"] = _default;

bin/helpers/CellsManipulator.js

@@ -0,0 +1 @@
+"use strict";

bin/helpers/CellsManipulator.test.js

@@ -0,0 +1 @@
+"use strict";

bin/helpers/Field.js

@@ -0,0 +1 @@
+"use strict";

bin/helpers/Field.test.js

@@ -0,0 +1 @@
+"use strict";

bin/react.d.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

src/App.tsx

@@ -0,0 +1,14 @@
+import React, { FunctionComponent } from "react";
+
+const App: FunctionComponent = () => {
+  return (
+    <div className="App-container">
+      <p>
+        Edit <code>src/App.tsx</code> and save to reload the browser
+      </p>
+    </div>
+  );
+};
+
+
+export default App;

src/react.d.ts

@@ -1,4 +1,4 @@
-import { FunctionComponent, PropsWithChildren } from 'react';
+import { FunctionComponent, PropsWithChildren } from "react";
 
 export type PropsWithChildrenOnly = PropsWithChildren<unknown>;
 export type ReactFCWithChildren = FunctionComponent<PropsWithChildrenOnly>;

tsconfig.json

@@ -98,6 +98,8 @@
 
     /* Completeness */
     // "skipDefaultLibCheck": true,                      /* Skip type checking .d.ts files that are included with TypeScript. */
-    "skipLibCheck": true                                 /* Skip type checking all .d.ts files. */
+    "skipLibCheck": true,
+    /* Skip type checking all .d.ts files. */
+    "jsx": "react"
   }
 }