vite.createFilter is not a function

Hello , i have installed fresh laravel 9 application i want to setup vue with the project for that i have done the following steps:

1. npm install
2. npm install vue@next vue-loader@next
3. npm install @vitejs/plugin-vue

vite.config.js :

// vite.config.js
import { defineConfig } from 'vite';
import laravel from 'laravel-vite-plugin';
import vue from '@vitejs/plugin-vue'


export default defineConfig({
    plugins: [
        vue(),
        laravel([
            'resources/css/app.css',
            'resources/js/app.js',
        ]),
    ],
});

Problem: everything is going perfect until i run (npm run dev) command when i ran it the following error comes:

failed to load config from F:\image_uploads\vite.config.js
error when starting dev server:
TypeError: vite.createFilter is not a function
    at vuePlugin (F:\image_uploads\node_modules\@vitejs\plugin-vue\dist\index.cjs:2395:23)
    at Object.<anonymous> (F:\image_uploads\vite.config.js:33:35)
    at Module._compile (node:internal/modules/cjs/loader:1105:14)
    at Object.require.extensions.<computed> [as .js] (F:\image_uploads\node_modules\vite\dist\node\chunks\dep-c9998dc6.js:61998:20)
    at Module.load (node:internal/modules/cjs/loader:981:32)
    at Function.Module._load (node:internal/modules/cjs/loader:822:12)
    at Module.require (node:internal/modules/cjs/loader:1005:19)
    at require (node:internal/modules/cjs/helpers:102:18)
    at loadConfigFromBundledFile (F:\image_uploads\node_modules\vite\dist\node\chunks\dep-c9998dc6.js:62006:17)
    at loadConfigFromFile (F:\image_uploads\node_modules\vite\dist\node\chunks\dep-c9998dc6.js:61925:32)

if anyone have faced this issue then plz reply any solution.

Thanks.