Move over App to .tsx

index.js

@@ -1,6 +1,6 @@
 import React from "react";
 import ReactDOM from "react-dom";
-import App from "./src/App.jsx";
+import App from "./src/App.tsx";
 
 const root = document.getElementById("root");
 ReactDOM.render(<App />, root);

package.json

@@ -10,7 +10,7 @@
     "start": "parcel index.html",
     "build": "parcel build index.html --no-source-maps",
     "prebuild": "yarn run typecheck",
-    "typecheck": "tsc --noEmit",
+    "typecheck": "tsc --noEmit --jsx preserve",
     "lint": "eslint src/*",
     "lint-fix": "eslint src/* --fix"
   },

src/App.tsx

@@ -1,7 +1,7 @@
 import React, {Component} from 'react';
 
 import './App.scss';
-import {declineSaimiar} from './saimiar_morphology.ts';
+import {declineSaimiar} from './saimiar_morphology';
 
 const backendUrl = 'https://kucinakobackend.ichigo.everydayimshuflin.com';
 
@@ -14,7 +14,7 @@ function makeRequest(queryString, jsonHandler) {
         });
 }
 
-function renderConlangName(name) {
+function renderConlangName(name: string): string {
     if (name === 'saimiar') {
         return 'Saimiar';
     }
@@ -100,6 +100,10 @@ const Results = (props) => {
     );
 };
 
+interface App {
+    [x: string]: any;
+};
+
 class App extends Component {
     constructor(props) {
         super(props);