TypeScript Error with @hey-api/openapi-ts Generated Files

[fradal64]

Description

I am encountering a TypeScript error when generating files with openapi-ts. The error message is as follows:

Property 'client' does not exist on type 'Options<GetCurrentUserData, ThrowOnError>'.ts(2339)

Here is an example of one of the automatically generated code snippets causing the error:

export const getCurrentUser = <ThrowOnError extends boolean = false>(options?: Options<GetCurrentUserData, ThrowOnError>) => { return (options?.client ?? client).get<GetCurrentUserResponse, unknown, ThrowOnError>({ security: [ { scheme: 'bearer', type: 'http' } ], url: '/api/auth/users/me', ...options }); };

[mrlubos]

@fradal64 Did you ensure your client is updated to the latest (or correct) version?

[nash15963]

I encountered the same issue initially, but updating my version resolved it.

    "@hey-api/client-axios": "^0.6.1",
    "@hey-api/openapi-ts": "^0.64.5",

Please make sure you are using the latest version.

[fradal64]

I had in fact outdated versions but now that I have updated them I still get the same error. These are the new versions I have installed.

"@hey-api/openapi-ts": "^0.64.5"
"@hey-api/client-axios": "^0.6.1",
"@hey-api/client-fetch": "^0.8.1",

[mrlubos]

@fradal64 please share a reproducible example and I can have a look

[fradal64]

@mrlubos thank you so much. I have tried to regenerate the client folder after upgrading to the latest versions of the packages and now I get the following error:

🚫 client needs to be set to generate SDKs - which HTTP client do you want to use?
Error: 🚫 client needs to be set to generate SDKs - which HTTP client do you want to use?
    at Object.pluginByTag (/home/lg519/Projects/Parts_Finder_Project/frontend/node_modules/@hey-api/openapi-ts/dist/index.cjs:15:59170)
    at Object._infer (/home/lg519/Projects/Parts_Finder_Project/frontend/node_modules/@hey-api/openapi-ts/dist/index.cjs:15:5665)
    at i (/home/lg519/Projects/Parts_Finder_Project/frontend/node_modules/@hey-api/openapi-ts/dist/index.cjs:15:59249)
    at Jf (/home/lg519/Projects/Parts_Finder_Project/frontend/node_modules/@hey-api/openapi-ts/dist/index.cjs:15:59342)
    at Yf (/home/lg519/Projects/Parts_Finder_Project/frontend/node_modules/@hey-api/openapi-ts/dist/index.cjs:15:59960)
    at /home/lg519/Projects/Parts_Finder_Project/frontend/node_modules/@hey-api/openapi-ts/dist/index.cjs:15:61230
    at Array.map (<anonymous>)
    at tc (/home/lg519/Projects/Parts_Finder_Project/frontend/node_modules/@hey-api/openapi-ts/dist/index.cjs:15:60518)
    at async oj (/home/lg519/Projects/Parts_Finder_Project/frontend/node_modules/@hey-api/openapi-ts/dist/index.cjs:1311:4380)
    at async start (/home/lg519/Projects/Parts_Finder_Project/frontend/node_modules/@hey-api/openapi-ts/bin/index.cjs:120:21)

Here is my main file where I set the client:

import App from '@/App.tsx'
import { client } from '@/client/sdk.gen.ts'
import { AuthProvider } from '@/contexts/auth-context'
import { WebSocketProvider } from '@/contexts/websocket-context'
import '@/index.css'
import { clearAuthToken, getAuthToken } from '@/lib/auth.ts'
import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
import axios from 'axios'
import { StrictMode } from 'react'
import { createRoot } from 'react-dom/client'

// Initialize React Query client
const queryClient = new QueryClient()

// Initialize Axios client
client.setConfig({
  baseURL: import.meta.env.VITE_API_URL,
  auth: () => getAuthToken() ?? '',
})

client.instance.interceptors.response.use(
  (response) => response,
  (error) => {
    if (axios.isAxiosError(error) && error.response?.status === 401) {
      clearAuthToken();
      if (!window.location.pathname.startsWith('/login')) {
        window.location.href = '/login';
      }
      return Promise.reject(new Error('Session expired'));
    }
    return Promise.reject(error);
  }
)

createRoot(document.getElementById('root')!).render(
  <StrictMode>
    <QueryClientProvider client={queryClient}>
      <AuthProvider>
        <WebSocketProvider>
          <App />
        </WebSocketProvider>
      </AuthProvider>
    </QueryClientProvider>
  </StrictMode>,
)

This used to work fine with the previous versions of the package but now it isn't working anymore.

[mrlubos]

@fradal64 I suspect you didn't look at the migration notes 🤠 https://heyapi.dev/openapi-ts/migrating