Fix wrong CSS file name since Vite 6 upgrade #612

Author: dominictobias

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-image-crop",
-  "version": "11.0.8",
+  "version": "11.0.10",
   "description": "A responsive image cropping tool for React",
   "repository": "https://github.com/dominictobias/react-image-crop",
   "type": "module",

tsconfig.json

@@ -1,9 +1,9 @@
 {
   "compilerOptions": {
     "outDir": "./dist/",
-    "target": "es2020",
-    "module": "es2020",
-    "lib": ["dom", "dom.iterable", "esnext"],
+    "target": "es2022",
+    "module": "es2022",
+    "lib": ["dom", "dom.iterable", "es2022"],
     "skipLibCheck": true,
     "esModuleInterop": true,
     "allowSyntheticDefaultImports": true,

tsconfig.node.json

@@ -3,6 +3,7 @@
     "composite": true,
     "skipLibCheck": true,
     "module": "ESNext",
+    "lib": ["es2022"],
     "moduleResolution": "bundler",
     "allowSyntheticDefaultImports": true
   },

vite.config.ts

@@ -26,10 +26,10 @@ export default defineConfig({
           'react-dom': 'ReactDOM',
         },
         assetFileNames: chunkInfo => {
-          if (chunkInfo.name == 'style.css') {
-            return 'ReactCrop.css' // For compat with older versions
+          if (chunkInfo.names.includes('index.css')) {
+            return 'ReactCrop.css' // For compat with previous versions
           }
-          return chunkInfo.name || ''
+          return chunkInfo.names[0]
         },
       },
     },