Port RecentListens to Typescript (metabrainz#791)

* Fix all errors

* Add spotify types

* Add "quiet" flag to lint command

Author: ishaanshah

.eslintrc.js

@@ -24,11 +24,13 @@ module.exports = {
   },
   plugins: ["react", "@typescript-eslint", "prettier"],
   rules: {
-    "prettier/prettier": "error",
+    "react/prop-tyes": "off",
     "react/jsx-filename-extension": "off",
+    "react/jsx-props-no-spreading": "off",
     "import/extensions": "off",
-    camelcase: "warn",
     "no-unused-vars": "off",
+    camelcase: "warn",
+    "prettier/prettier": "error",
     "lines-between-class-members": [
       "error",
       "always",
@@ -51,7 +53,6 @@ module.exports = {
       plugins: ["jest"],
       rules: {
         "import/no-extraneous-dependencies": "off",
-        "react/jsx-props-no-spreading": "off",
         "jest/no-disabled-tests": "warn",
         "jest/no-focused-tests": "error",
         "jest/no-identical-title": "error",

listenbrainz/webserver/static/js/src/Importer.tsx

@@ -46,7 +46,7 @@ export default class Importer {
     this.lastfmKey = props.lastfmApiKey;
 
     this.userName = props.user.name;
-    this.userToken = props.user.auth_token;
+    this.userToken = props.user.auth_token || "";
   }
 
   async startImport() {