Tab Pane slots type seems to be incorrect

[weeks6]

Describe the bug

Docs state these as available slots for TabPane:

• default
• tab

yet the type is

export interface TabPaneSlots { default?: () => VNode[]; prefix?: () => VNode[]; suffix?: () => VNode[]; }

Steps to reproduce

not relevant

Link to minimal reproduction

not relevant

System Info

not relevant

Used Package Manager

npm

Validations

• Read the Contributing Guidelines.
• Read the docs.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Check that this is a concrete bug. For Q&A open a GitHub Discussion.
• The provided reproduction is a minimal reproducible example of the bug.

[zsjbsn]

I have the same problem.

[weeks6]

I have the same problem.

My current workaround to make typescript happy is to wrap the slot markup in a render function and pass it as a :tab prop, hope it helps, but render functions are annoying and I hope the issue gets resolved sooner than later

[zsjbsn]

@weeks6

I have the same problem.

My current workaround to make typescript happy is to wrap the slot markup in a render function and pass it as a :tab prop, hope it helps, but render functions are annoying and I hope the issue gets resolved sooner than later

It is hard to me. Maybe it will be fixed in next version. I want to wait for it.

[foolishflyfox]

when I update naive-ui version from 2.40.3 to 2.41.0，compile will fail, back to 2.40.3 is ok

[cardonamarc]

My workaround is to augment TabPaneSlots interface through Typescript's module augmentation:
In, for example, ./src/@types/naive-ui.d.ts:

/* ./src/@types/naive-ui.d.ts */

declare module 'naive-ui/es/tabs/src/TabPane' {
  export interface TabPaneSlots {
    tab?: () => VNode[]
    default?: () => VNode[]
  }
}

If it's not working, make sure that your tsconfig.json is including this file in the include attribute or in compilerOptions.typeRoots attribute, for example:

/* ./tsconfig.json */

{
  // Make sure your file is included
  "include": [..., "src/**/*"] // Will include all files under src directory

  // Or define compilerOptions.typeRoots
  "compilerOptions": {
    "typeRoots": [..., "./src/@types"]
  } 
}