Estoy tratando de usar el almacenamiento local en nextjs con redux, sé que con Next.js, los componentes se procesan en el lado del servidor. localStorage, o la ventana, no está disponible hasta que se representa en un navegador. ¡Es por eso que usé este typeof window !== "undefined";
Ahora el error muestra que Hydration failed because the initial UI does not match what was rendered on the server.
import { createSlice } from "@reduxjs/toolkit"; const clientSide = typeof window !== "undefined"; const initialState = { cart: clientSide ? localStorage.getItem("cartItems") ? JSON.parse(localStorage.getItem("cartItems") || "{}") : [] : [], cartTotal: 0, cartTotalQuantity: 0, };