Fix React error #130 and backend event creation

Frontend fixes:
- Disable verbatimModuleSyntax in TypeScript config to fix module imports
- Add displayName to critical React components for better production debugging
- Configure Vite build with manual chunks for better code splitting
- Enable sourcemaps for production debugging

Backend fixes:
- Remove updated_at field from events table insert (column doesn't exist)
- Fix SQL error that was causing 500 errors on event creation

These changes resolve:
- React error #130 that occurred during login and event creation
- 500 Internal Server Error when creating new events
- Better error tracking in production builds

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
2025-07-07 13:30:53 +02:00
parent 2e7cba9e8a
commit 193cadef27
7 changed files with 25 additions and 7 deletions
+1 -2
View File
@@ -78,8 +78,7 @@ router.post('/', adminAuth, [
color_theme,
share_link: shareLink,
expires_at,
created_at: new Date(),
updated_at: new Date()
created_at: new Date()
});
// Log activity
@@ -49,4 +49,6 @@ export const AdminLayout: React.FC = () => {
</div>
</div>
);
};
};
AdminLayout.displayName = 'AdminLayout';
+3 -1
View File
@@ -311,4 +311,6 @@ export const AdminDashboard: React.FC = () => {
</Card>
</div>
);
};
};
AdminDashboard.displayName = 'AdminDashboard';
+3 -1
View File
@@ -210,4 +210,6 @@ export const AdminLoginPage: React.FC = () => {
</div>
</div>
);
};
};
AdminLoginPage.displayName = 'AdminLoginPage';
+3 -1
View File
@@ -438,4 +438,6 @@ export const CreateEventPage: React.FC = () => {
</form>
</div>
);
};
};
CreateEventPage.displayName = 'CreateEventPage';
+1 -1
View File
@@ -10,7 +10,7 @@
/* Bundler mode */
"moduleResolution": "bundler",
"allowImportingTsExtensions": true,
"verbatimModuleSyntax": true,
"verbatimModuleSyntax": false,
"moduleDetection": "force",
"noEmit": true,
"jsx": "react-jsx",
+11
View File
@@ -4,6 +4,17 @@ import react from '@vitejs/plugin-react'
// https://vite.dev/config/
export default defineConfig({
plugins: [react()],
build: {
rollupOptions: {
output: {
manualChunks: {
'react-vendor': ['react', 'react-dom', 'react-router-dom'],
'ui-vendor': ['lucide-react', 'react-toastify'],
},
},
},
sourcemap: true,
},
server: {
port: 5173,
host: true,