Merge pull request #143 from Saifullah-dev/129-fix-npx-create-react-app-my-app---template-typescript-nested-folders-error

129 fix npx create react app my app   template typescript nested folders error

Author: Saifullah-dev

frontend/package.json

@@ -43,6 +43,14 @@
     "react": ">=18",
     "react-dom": ">=18"
   },
+  "peerDependenciesMeta": {
+    "react": {
+      "optional": true
+    },
+    "react-dom": {
+      "optional": true
+    }
+  },
   "description": "React File Manager is an open-source, user-friendly component designed to easily manage files and folders within applications. With smooth drag-and-drop functionality, responsive design, and efficient navigation, it simplifies file handling in any React project.",
   "main": "src/index.js",
   "repository": {

frontend/src/FileManager/BreadCrumb/BreadCrumb.jsx

@@ -120,4 +120,6 @@ const BreadCrumb = () => {
   );
 };
 
+BreadCrumb.displayName = "BreadCrumb";
+
 export default BreadCrumb;

frontend/src/FileManager/FileList/FileList.jsx

@@ -80,4 +80,6 @@ const FileList = ({
   );
 };
 
+FileList.displayName = "FileList";
+
 export default FileList;

frontend/src/FileManager/NavigationPane/NavigationPane.jsx

@@ -46,4 +46,6 @@ const NavigationPane = () => {
   );
 };
 
+NavigationPane.displayName = "NavigationPane";
+
 export default NavigationPane;

frontend/src/FileManager/Toolbar/Toolbar.jsx

@@ -175,4 +175,6 @@ const Toolbar = ({
   );
 };
 
+Toolbar.displayName = "Toolbar";
+
 export default Toolbar;

frontend/vite.config.js

@@ -14,14 +14,7 @@ export default defineConfig({
       formats: ["es"],
     },
     rollupOptions: {
-      external: [
-        ...Object.keys(packageJson.dependencies).map(
-          (mod) => new RegExp(`^${mod}`)
-        ),
-        ...Object.keys(packageJson.peerDependencies).map(
-          (mod) => new RegExp(`^${mod}`)
-        ),
-      ],
+      external: ["react", "react-dom"],
       output: {
         globals: {
           react: "React",