React [useEffect, useState] Spotify Authorization + Get an Artist's Albums Example

cloudSettings

{"lastUpload":"2020-10-13T20:14:34.045Z","extensionVersion":"v3.4.3"}

extensions.json

[
  {
    "metadata": {
      "id": "6e440e71-8ed9-4f25-bb78-4b13096b8a03",
      "publisherId": "formulahendry.auto-rename-tag",
      "publisherDisplayName": "formulahendry"
    },
    "name": "auto-rename-tag",
    "publisher": "formulahendry",
    "version": "0.1.5"
  },
  {
    "metadata": {
      "id": "f583eafd-aa0d-4ccb-8f44-d1e610389660",
      "publisherId": "CoenraadS.bracket-pair-colorizer",
      "publisherDisplayName": "CoenraadS"
    },
    "name": "bracket-pair-colorizer",
    "publisher": "CoenraadS",
    "version": "1.0.61"
  },
  {
    "metadata": {
      "id": "5a6e2b21-1d61-4acd-b31b-907f9c23f18a",
      "publisherId": "CoenraadS.bracket-pair-colorizer-2",
      "publisherDisplayName": "CoenraadS"
    },
    "name": "bracket-pair-colorizer-2",
    "publisher": "CoenraadS",
    "version": "0.2.0"
  },
  {
    "metadata": {
      "id": "e337c67b-55c2-4fef-8949-eb260e7fb7fd",
      "publisherId": "Shan.code-settings-sync",
      "publisherDisplayName": "Shan"
    },
    "name": "code-settings-sync",
    "publisher": "Shan",
    "version": "3.4.3"
  },
  {
    "metadata": {
      "id": "f6dbd813-b0a0-42c1-90ea-10dde9d925a7",
      "publisherId": "streetsidesoftware.code-spell-checker",
      "publisherDisplayName": "streetsidesoftware"
    },
    "name": "code-spell-checker",
    "publisher": "streetsidesoftware",
    "version": "1.9.2"
  },
  {
    "metadata": {
      "id": "19804510-b475-4dae-b0f7-6ca08fd1af0c",
      "publisherId": "dsznajder.es7-react-js-snippets",
      "publisherDisplayName": "dsznajder"
    },
    "name": "es7-react-js-snippets",
    "publisher": "dsznajder",
    "version": "3.0.0"
  },
  {
    "metadata": {
      "id": "4de763bd-505d-4978-9575-2b7696ecf94e",
      "publisherId": "eamodio.gitlens",
      "publisherDisplayName": "eamodio"
    },
    "name": "gitlens",
    "publisher": "eamodio",
    "version": "10.2.2"
  },
  {
    "metadata": {
      "id": "b63c44fd-0457-4696-99e9-dbfdf70d77de",
      "publisherId": "ritwickdey.LiveServer",
      "publisherDisplayName": "ritwickdey"
    },
    "name": "LiveServer",
    "publisher": "ritwickdey",
    "version": "5.6.1"
  },
  {
    "metadata": {
      "id": "96fa4707-6983-4489-b7c5-d5ffdfdcce90",
      "publisherId": "esbenp.prettier-vscode",
      "publisherDisplayName": "esbenp"
    },
    "name": "prettier-vscode",
    "publisher": "esbenp",
    "version": "5.7.1"
  },
  {
    "metadata": {
      "id": "aae0701b-111f-49c1-9000-abd37a442f28",
      "publisherId": "WallabyJs.quokka-vscode",
      "publisherDisplayName": "WallabyJs"
    },
    "name": "quokka-vscode",
    "publisher": "WallabyJs",
    "version": "1.0.325"
  },
  {
    "metadata": {
      "id": "a84825e8-5f04-4988-b85a-4942e795bcbe",
      "publisherId": "burkeholland.simple-react-snippets",
      "publisherDisplayName": "burkeholland"
    },
    "name": "simple-react-snippets",
    "publisher": "burkeholland",
    "version": "1.2.3"
  },
  {
    "metadata": {
      "id": "75da638c-c45a-44ea-aa3b-8570a3559810",
      "publisherId": "TabNine.tabnine-vscode",
      "publisherDisplayName": "TabNine"
    },
    "name": "tabnine-vscode",
    "publisher": "TabNine",
    "version": "3.0.3"
  },
  {
    "metadata": {
      "id": "4e44877c-1c8d-4f9c-ba86-1372d0fbeeb1",
      "publisherId": "dracula-theme.theme-dracula",
      "publisherDisplayName": "dracula-theme"
    },
    "name": "theme-dracula",
    "publisher": "dracula-theme",
    "version": "2.22.1"
  },
  {
    "metadata": {
      "id": "876e8f93-74d0-4f4f-91b7-34a09f19f444",
      "publisherId": "VisualStudioExptTeam.vscodeintellicode",
      "publisherDisplayName": "VisualStudioExptTeam"
    },
    "name": "vscodeintellicode",
    "publisher": "VisualStudioExptTeam",
    "version": "1.2.10"
  }
]

settings.json

{
    "window.zoomLevel": 1,
    "emmet.showSuggestionsAsSnippets": true,
    "workbench.startupEditor": "newUntitledFile",
    "prettier.enabledLanguageIds": [
        "csharp",
        "css",
        "elm",
        "flow",
        "graphql",
        "handlebars",
        "html",
        "java",
        "javascript",
        "javascriptreact",
        "jsonc",
        "less",
        "markdown",
        "mdx",
        "php",
        "postcss",
        "ruby",
        "scss",
        "solidity",
        "svelte",
        "svg",
        "typescript",
        "typescriptreact",
        "twig",
        "vue",
        "xml",
        "yaml"
    ],
    "editor.formatOnSave": true,
    "prettier.disableLanguages": [
        "json"
    ],
    "editor.suggestSelection": "first",
    "vsintellicode.modify.editor.suggestSelection": "automaticallyOverrodeDefaultValue",
    "workbench.colorTheme": "Dracula",
    "tabnine.experimentalAutoImports": true,
    "sync.gist": "64676582986e9108e77e2a515dc57b0f",
    "sync.autoDownload": true,
    "sync.quietSync": true,
    "sync.autoUpload": true
}