25b63e3a31
- `fetchAnalogeEingaengeThunk` in `AnalogeEingaengeTable.tsx` verwendet, um API-Daten in Redux zu speichern.
- `useFetchAnalogeEingaenge` entfernt, um doppelte API-Aufrufe zu vermeiden.
- Sicherstellung, dass Redux-Thunk nur im Client (`useEffect`) ausgeführt wird.
- Automatische Aktualisierung der API-Daten alle 10 Sekunden über Redux-Thunk.
- Code-Optimierungen für eine stabilere Client-Side-Architektur mit Next.js.
✅ Jetzt läuft Redux-Thunk stabil & effizient in der Next.js-Anwendung!
41 lines
1.6 KiB
TypeScript
41 lines
1.6 KiB
TypeScript
// /redux/store.ts
|
|
import { configureStore } from "@reduxjs/toolkit";
|
|
import { useDispatch } from "react-redux";
|
|
import authReducer from "./slices/authSlice";
|
|
import variablesReducer from "./slices/variablesSlice";
|
|
import kueChartModeReducer from "./slices/kueChartModeSlice";
|
|
import webVersionReducer from "./slices/webVersionSlice";
|
|
import digitalInputsReducer from "./slices/digitalInputsSlice";
|
|
import kabelueberwachungChartReducer from "./slices/kabelueberwachungChartSlice";
|
|
import dashboardReducer from "./slices/dashboardSlice";
|
|
import systemSettingsReducer from "./slices/systemSettingsSlice";
|
|
import opcuaSettingsReducer from "./slices/opcuaSettingsSlice";
|
|
import digitalOutputsReducer from "./slices/digitalOutputsSlice";
|
|
import brushReducer from "./slices/brushSlice";
|
|
import tdrChartReducer from "./slices/tdrChartSlice";
|
|
import analogeEingaengeReducer from "./slices/analogeEingaengeSlice";
|
|
|
|
const store = configureStore({
|
|
reducer: {
|
|
auth: authReducer,
|
|
variables: variablesReducer,
|
|
kueChartMode: kueChartModeReducer,
|
|
webVersion: webVersionReducer,
|
|
digitalInputs: digitalInputsReducer,
|
|
kabelueberwachungChart: kabelueberwachungChartReducer,
|
|
dashboard: dashboardReducer,
|
|
systemSettings: systemSettingsReducer,
|
|
opcuaSettings: opcuaSettingsReducer,
|
|
digitalOutputs: digitalOutputsReducer,
|
|
analogeEingaenge: analogeEingaengeReducer,
|
|
brush: brushReducer,
|
|
tdrChart: tdrChartReducer,
|
|
},
|
|
});
|
|
|
|
export type RootState = ReturnType<typeof store.getState>;
|
|
export type AppDispatch = typeof store.dispatch;
|
|
export const useAppDispatch: () => AppDispatch = useDispatch; // ✅ Typisierte Dispatch-Funktion
|
|
|
|
export default store;
|