Smart table typescript error

[fiqryq]

hello i want to ask something , how to use smart table on typescript react? i use smart table on my coreui pro using typescript and keep getting error like this when I try to custom table button and badge

[mrholek]

@fiqryq What's the error message?

[fiqryq]

here's my columns code :

  const columns = [
    {
      key: "id",
      _style: { width: "40%" },
      filter: false,
      label: "No",
    },
    {
      key: "data_catalog_detail",
      _style: { width: "20%" },
      filter: false,
      label: "Nama Katalog yang direquest",
    },
    {
      key: "requested_by",
      _style: { width: "20%" },
      filter: false,
      label: "Peminta Data",
    },
    {
      key: "request_detail",
      _style: { width: "20%" },
      filter: false,
      label: "Alasan Permintaan",
    },
    {
      key: "requested_at",
      _style: { width: "20%" },
      filter: false,
      label: "Tanggal",
    },
    {
      key: "request_status",
      _style: { width: "20%" },
      filter: false,
      label: "Status",
    },
    {
      key: "aksi",
      _style: { width: "20%" },
      filter: false,
      label: "Aksi",
    },
  ];

[mrholek]

Which version of @coreui/react-pro do you have installed?

[fiqryq]

i use this :

"@coreui/coreui-pro": "4.0.1",
"@coreui/react-pro": "4.0.0-rc.0",

[mrholek]

You have to update both to 4.1.4

[fiqryq]

already update but still get same error