TypeError: spotifyApi.createAuthorizeURL is not a function

I recently my project (that has been dormant for a while) from version 4.0.0 to version 5.0.0 of your wonderful project. It seemed to work fine at first, but when running the frontend, it get an TypeError: spotifyApi.createAuthorizeURL is not a function.

I have initialised the library as below:

const spotifyApi = new SpotifyWebApi({
  clientId: process.env.REACT_APP_SPOTIFY_CLIENT_ID,
  redirectUri: redirectUri,
});

export default spotifyApi;

export const createAuthorizeURL = (): string => {
  const newState = generateRandomString(16);
  localStorage.setItem('authState', newState);
  return spotifyApi.createAuthorizeURL(scopes, newState);
};

I could not find anything about this specific error in the changelog, existing issues or the current documentation. Did I miss anything?

If I downgrade to 4.0.0 again it works without any other change.

[ssubham]

Looks like the server methods are missing. This is my 1am fix if you don’t want to downgrade:

npm i spotify-web-api-node
npm i @types/spotify-web-api-node --save-dev

import SpotifyWebApi from 'spotify-web-api-node';
import SpotifyWebApiServer from 'spotify-web-api-node/src/server-methods';

// (...)

// add server methods to client methods   
(SpotifyWebApi as unknown as { _addMethods: (fncs: unknown) => void })._addMethods(SpotifyWebApiServer);
this._api = new SpotifyWebApi();
this._api.createAuthorizeURL()

(taken from source: https://github.com/thelinmichael/spotify-web-api-node/blob/2785f79d58a9017e9f57fbb0f06e6d23022fd3b4/src/server.js) Obviously this is an unofficial fix and may break in the future. (works for 5.0.2)

Thanks for sharing this code. Can you tell me how can i add this in reactjs as it is js not Typescript?

[TheDelta]

Looks like the server methods are missing. This is my 1am fix if you don’t want to downgrade:

npm i spotify-web-api-node
npm i @types/spotify-web-api-node --save-dev

import SpotifyWebApi from 'spotify-web-api-node';
import SpotifyWebApiServer from 'spotify-web-api-node/src/server-methods';

// (...)

// add server methods to client methods   
(SpotifyWebApi as unknown as { _addMethods: (fncs: unknown) => void })._addMethods(SpotifyWebApiServer);
this._api = new SpotifyWebApi();
this._api.createAuthorizeURL()

(taken from source: https://github.com/thelinmichael/spotify-web-api-node/blob/2785f79d58a9017e9f57fbb0f06e6d23022fd3b4/src/server.js) Obviously this is an unofficial fix and may break in the future. (works for 5.0.2)