error TS2536: Type 'key' cannot be used to index type 'Store<string, S, G, {}>

[coader]

Reproduction

error TS2536:

Steps to reproduce the bug

• error TS2536: Type 'key' cannot be used to index type 'Store<string, S, G, {}>'.

354 [key in Keys]: () => Store<string, S, G, {}>[key];
~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Found 1 error in ../../node_modules/.pnpm/pinia@2.1.7_typescript@5.4.2_vue@3.4.21/node_modules/pinia/dist/pinia.d.ts:354

Expected behavior

it's ok yesterday, I don't know why and which package upgrade bring this

Actual behavior

• error TS2536: Type 'key' cannot be used to index type 'Store<string, S, G, {}>'.

Additional information

No response

[posva]

You will need to provide the code that triggers this error and more information if you want to get help 😉

[coader]

it's only throw error when build with type check
any code use pinia and typescript 5.4 can't build successfully

[coader]

export declare type _MapStateReturn<S extends StateTree, G extends _GettersTree<S>, Keys extends keyof S | keyof G = keyof S | keyof G> = { [key in Keys]: () => Store<string, S, G, {}>[key]; };

`error TS2536: Type 'key' cannot be used to index type 'Store<string, S, G, {}>'.

354 [key in Keys]: () => Store<string, S, G, {}>[key];
~~~~~~~~~~~~~~~~~~~~~~~~~~~~

[coader]

not need any code, just error when build and the error is in d.ts

[coader]

it looks like that because typescript upgraded to 5.4

[itsmnthn]

Correct faced same thing, especially for getters with objects

Updating to typescript@5.4.x caused this, reverting back to 5.3.x was the solution for me

Reproduction
https://stackblitz.com/edit/nuxt-starter-tf7qkb?file=pages%2Findex.vue

[bodograumann]

Same here. Curiously I only saw it in a library-project, not in the vue-app project :-/

[coader]

already discard to use pinia
as I am not use SSR, so global reactive object is works fine for me

[Zellement]

Downgrading Typescript to 5.3.3 also fixed this for me.

 "typescript": "5.3.3"

[dten]

i made a repro here that shows upgrading to ts 5.4.5 causes pinia not to type check

https://github.com/dten/pinia_ts_repro/actions/runs/8710652508/job/23893007875

[sTeVeNNs]

When I added the following line to the ts compilerOptions, the error fixed：
"skipLibCheck": true
see: vuejs/vue-cli#5688

[dten]

That just ignores the error rather than fixes

[sTeVeNNs]

Yeah, you're right.

[LoYoi-i]

gpt 给的答案

export declare type _MapStateReturn<S extends StateTree, G extends _GettersTree<S>, Keys extends keyof S | keyof G = keyof S | keyof G> = { [key in Keys]: () => Store<string, S, G, {}>[keyof Store<string, S, G, {}>]; };