digitale Eingänge Redux Slice erstellt für mehr Übersicht

pages/_app.tsx

@@ -1,3 +1,4 @@
+"use client";
 // pages/_app.tsx
 import { useEffect, useState } from "react";
 import { loadWindowVariables } from "../utils/loadWindowVariables";
@@ -9,6 +10,7 @@ import { Provider } from "react-redux";
 import { setVariables } from "../redux/slices/variablesSlice";
 import store from "../redux/store";
 import { AppProps } from "next/app";
+import WindowVariablesInitializer from "../components/WindowVariablesInitializer";
 
 function MyApp({ Component, pageProps }: AppProps) {
   const [sessionExpired, setSessionExpired] = useState(false);
@@ -39,6 +41,7 @@ function MyApp({ Component, pageProps }: AppProps) {
 
   return (
     <Provider store={store}>
+      <WindowVariablesInitializer />
       <div className="flex flex-col h-screen overflow-hidden">
         <Header />
         <div className="flex flex-grow w-full">

pages/einausgaenge.tsx

@@ -1,12 +1,12 @@
-// pages/einausgaenge.tsx
-"use client";
+"use client"; // pages/einausgaenge.tsx
+
 import React, { useState } from "react";
 import DigitalOutputs from "../components/main/einausgaenge/DigitalOutputs";
 import DigitalInputs from "../components/main/einausgaenge/DigitalInputs";
 import InputModal from "../components/main/einausgaenge/modals/InputModal";
 import OutputModal from "../components/main/einausgaenge/modals/OutputModal";
-import { useDigitalInputData } from "../hooks/einausgaenge/useDigitalInputData";
-import { useDigitalOutputs } from "../hooks/einausgaenge/useDigitalOutputs";
+import { useDigitalInputData } from "../hooks/einausgaenge/useDigitalInputsData";
+import { useDigitalOutputs } from "../hooks/einausgaenge/useDigitalOutputsData";
 
 function EinAusgaenge() {
   // Verwendung des benutzerdefinierten Hooks für digitale Ausgänge

pages/index.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { useEffect } from "react";
 import { useRouter } from "next/router";