Define default global props for Datatable

[kowiste]

I'm trying to define a default style for all the datatable in my web I try the code you can see below and actually works, but the problem is typescript doesn't recognize the Datatable.props so I cant build the web, how could I do it?

import { type PrimeVueConfiguration } from 'primevue/config'
import DataTable from 'primevue/datatable'

export const primevueConfig: PrimeVueConfiguration = {
  ripple: true,
  // Add other PrimeVue global configs here
}

// Define default props for DataTable
DataTable.props = {
  ...DataTable.props,
  size: {
    type: String,
    default: 'small',
  },
  stripedRows: {
    type: Boolean,
    default: true,
  },
  paginator: {
    type: Boolean,
    default: true,
  },
  rows: {
    type: Number,
    default: 5,
  },
  alwaysShowPaginator: {
    type: Boolean,
    default: true,
  },
  paginatorTemplate: {
    type: String,
    default: ' FirstPageLink PrevPageLink CurrentPageReport NextPageLink ',
  },
  currentPageReportTemplate: {
    type: String,
    default: '{first} to {last} of {totalRecords}',
  },
  tableStyle: {
    type: Object,
    default: () => ({ 'min-width': '5rem' }),
  },
}

This is how I use it in main

// css
import '@/assets/main.css'
import '@/assets/custom.css'
import './assets/main.css'

//components
import PrimeVue from 'primevue/config'
import { primevueConfig } from '@/config/primeTable'
import { createApp } from 'vue'
import { createPinia } from 'pinia'

import App from './App.vue'
import router from './router'

const app = createApp(App)

app.use(createPinia())
app.use(router)

app.use(PrimeVue, primevueConfig)
app.mount('#app')