خطاهای مربوط به react و laravel vite

سلام. صفحه ای رو می خوام بارگذاری کنم که از react استفاده کردم و همه چیز به دقت انجام و بررسی شده. از laravel vite استفاده کردم و ورژن لاراول هم 10 هستش ولی هرکاری می کنم صفحه بارگذاری نمیشه و هیچ خطایی در کنسول نمیاد
هرجایی بگین جستجو کردم و هرکاری گفتند انجام دادم ولی حل نشده:
محتوای دو فایلی که مربوط به این هست رو می گذارم.
فایل chat.blade.php

@extends('front.index')
@section('content')
    <div id="webchat"></div>
    <script type="module" src="{{ asset('js/app-Chk4tI0a.js') }}" defer></script>
    <script type="module" src="{{ asset('js/chat-script-DhaVtf4w.js') }}" defer></script>
@endsection

فایل vite.config.js:

import { defineConfig } from 'vite';
import laravel from 'laravel-vite-plugin';
import react from '@vitejs/plugin-react';

export default defineConfig({
  plugins: [
    laravel({
      outDir: 'public/js', // مسیر خروجی برای فایل‌های کامپایل شده
      input: [
        'resources/sass/app.scss',
        'resources/js/app.jsx',
        'resources/js/chat.jsx',
        'resources/js/chat-script.js',
      ],
      refresh: true,
    }),
    react(),
  ],
  build: {
    outDir: 'public/js', // مسیر خروجی برای فایل‌های کامپایل شده
    assetsInlineLimit: 0,
    rollupOptions: {
      input: {
        app: 'resources/js/app.jsx',
        chat: 'resources/js/chat.jsx',
        'chat-script': 'resources/js/chat-script.js',
      },
    },
  },
  server: {
    port: 8000,
    proxy: {
      '/chat': 'http://localhost:8000',
    },
  },
  esbuild: {
    jsxInject: `import React from 'react';`,
  },
});

ممنون میشم کسی کار کرده راهنمایی کنه