I have created a vite project, with the next steps:

• yarn create vite xxx --template react-ts //only as struture
• yarn add -D vite-plugin-mix
• Copy the handler.ts and change the vite.config.ts
• I have enabled "allowSyntheticDefaultImports" option in tsconfig.ts and tsconfig.node.ts
• and run yarn run dev
  and the project throw Error: TypeError: mix is not a function

I have printed the mix variable and show:

import mix from 'vite-plugin-mix';
console.log('>>>', mix)

yarn run v1.22.19
$ vite
>>> {
  default: [Function: index],
  vercelAdapter: [Function: vercelAdapter]
}

I have create a empty project and the error throws too.