feat: Projekt von JavaScript zu TypeScript migriert

pages/_app.tsx

@@ -1,4 +1,4 @@
-// _app.js
+// pages/_app.tsx
 import { useEffect, useState } from "react";
 import { loadWindowVariables } from "../utils/loadWindowVariables";
 import Header from "../components/Header";
@@ -8,8 +8,9 @@ import "../styles/globals.css";
 import { Provider } from "react-redux";
 import { setVariables } from "../store/variablesSlice";
 import store from "../store/store";
+import { AppProps } from "next/app";
 
-function MyApp({ Component, pageProps }) {
+function MyApp({ Component, pageProps }: AppProps) {
   const [sessionExpired, setSessionExpired] = useState(false);
 
   useEffect(() => {

pages/_error.js

@@ -1,19 +0,0 @@
-// pages/_error.js
-import React from "react";
-
-function Error({ statusCode }) {
-  return (
-    <p>
-      {statusCode
-        ? `An error ${statusCode} occurred on server`
-        : "An error occurred on client"}
-    </p>
-  );
-}
-
-Error.getInitialProps = ({ res, err }) => {
-  const statusCode = res ? res.statusCode : err ? err.statusCode : 404;
-  return { statusCode };
-};
-
-export default Error;

pages/_error.tsx

@@ -0,0 +1,24 @@
+// pages/_error.tsx
+import React from "react";
+import { NextPage, NextPageContext } from "next";
+
+interface ErrorProps {
+  statusCode?: number;
+}
+
+const Error: NextPage<ErrorProps> = ({ statusCode }) => {
+  return (
+    <p>
+      {statusCode
+        ? `An error ${statusCode} occurred on server`
+        : "An error occurred on client"}
+    </p>
+  );
+};
+
+Error.getInitialProps = ({ res, err }: NextPageContext): ErrorProps => {
+  const statusCode = res?.statusCode || err?.statusCode || 404;
+  return { statusCode };
+};
+
+export default Error;

pages/analogeEingaenge.tsx

@@ -4,7 +4,7 @@ import AnalogeEingaengeComponent from "../components/modules/AnalogeEingaengeCom
 import XioPM from "../components/modules/XioPM";
 
 function AnalogeEingaenge() {
-  const [activeConfig, setActiveConfig] = useState(null);
+  const [activeConfig, setActiveConfig] = useState<number | null>(null);
 
   // Mock-Daten für XIO-PM 1
   const xioPm1Inputs = [