This expression is not callable. Type 'PluginUtils' has no call signatures.ts (2349)

[frederikhors]

What version of Tailwind CSS are you using?

v3.3.1 with a typescript config file.

Describe your issue

Why is this error present?

The code is:

import type { Config } from "tailwindcss";

export default {
  content: [],
  theme: {
    extend: {
      borderColor: (theme) => ({
        DEFAULT: theme("colors.red.500", "currentColor"),
      }),
    },
  },
  plugins: [],
} satisfies Config;

[frederikhors]

Why a discussion, @adamwathan?

[adamwathan]

Hey! This isn’t a bug, theme is meant to be destructured from the object and invoking it as a function is deprecated which is why it’s not included in the types, even though it still works for now.

[mrleblanc101]

Ahhh, the documentation of vueform/multiselect is incorrect: https://github.com/vueform/multiselect?tab=readme-ov-file#styling-with-tailwind-css

I'll open a PR for a fix

[wongjn]

I believe theme needs to be destructured from the argument of the function:

 theme: {
   extend: {
-    borderColor: (theme) => ({
+    borderColor: ({ theme }) => ({
       DEFAULT: theme("colors.red.500", "currentColor"),
     }),
   },