Enable react compiler and fix cypress

Signed-off-by: Lukas Schaefer <lukas@lschaefer.xyz>

Author: lukasdotcom

cypress.config.js

@@ -3,6 +3,7 @@ const { defineConfig } = require("cypress");
 module.exports = defineConfig({
   video: false,
   e2e: {
+    baseUrl: "http://localhost:3000",
     setupNodeEvents(on, config) {
       // implement node event listeners here
     },

cypress/e2e/download.cy.js

@@ -42,7 +42,6 @@ describe("Download Bundesliga data as JSON and CSV", () => {
   });
 
   it("downloads JSON and verifies format", () => {
-    cy.visit("http://localhost:3000");
     cy.request({
       method: "GET",
       url: `/api/download`,
@@ -82,7 +81,6 @@ describe("Download Bundesliga data as JSON and CSV", () => {
   });
 
   it("downloads CSV and verifies format", () => {
-    cy.visit("http://localhost:3000");
     cy.request({
       method: "GET",
       url: `/api/download`,

cypress/e2e/invite.cy.js

@@ -12,9 +12,7 @@ describe("Invite User into league and change some league Settings and run throug
     let user2;
     let matchdays = [];
     // Signs in
-    cy.visit("http://localhost:3000");
-    cy.get("#login").click();
-    cy.contains("Click here for creating an account").click();
+    cy.visit("/signup");
     cy.get("#username").type("Invite 1");
     cy.get("#password").type("password");
     cy.get(".center > .MuiButtonBase-root").click();

cypress/e2e/predictions.cy.js

@@ -7,9 +7,7 @@ describe("Create Predictions league and do some simple predictions.", () => {
   // Used to signup change username and password and login again
   it("invite", () => {
     // Signs in
-    cy.visit("http://localhost:3000");
-    cy.get("#login").click();
-    cy.contains("Click here for creating an account").click();
+    cy.visit("/signup");
     cy.get("#username").type("Predictions 1");
     cy.get("#password").type("password");
     cy.get(".center > .MuiButtonBase-root").click();

next.config.js

@@ -8,6 +8,7 @@ const nextConfig = {
   images: {
     minimumCacheTTL: 60 * 60 * 24 * 365, // There are no dynamic images used here.
   },
+  reactCompiler: true,
 };
 
 module.exports = nextConfig;

package-lock.json

@@ -25,10 +25,10 @@
     "dbtypes:check": "kysely-codegen --url ./test.db --out-file ./types/db.ts --verify --log-level=error"
   },
   "dependencies": {
-    "@types/better-sqlite3": "^7.6.13",
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.1",
     "@mui/material": "^7.1.1",
+    "@types/better-sqlite3": "^7.6.13",
     "bcrypt": "^6.0.0",
     "better-sqlite3": "^12.0.0",
     "chart.js": "^4.5.0",
@@ -54,6 +54,7 @@
     "@types/react": "^19.1.6",
     "@typescript-eslint/eslint-plugin": "^8.35.0",
     "@typescript-eslint/parser": "^8.35.0",
+    "babel-plugin-react-compiler": "^1.0.0",
     "cypress": "^15.0.0",
     "eslint": "^9.29.0",
     "eslint-config-next": "^16.1.6",