Как установить начальное состояние в Redux на основе размера окна в React/Next.js (TypeScript)? ⇐ Javascript

[Anonymous]

Я работаю над проектом React + Next.js (TypeScript) с использованием Redux Toolkit. Я хочу установить начальное состояние в соответствии с размером окна. < /P>
import { createSlice, PayloadAction } from "@reduxjs/toolkit";

interface SidebarState {
collapsed: boolean;
active: string;

}

const initialState: SidebarState = {
collapsed: false,
active: "dashboards"
};

Здесь я хочу, чтобы разбил false, если размер окна меньше, то 1024px, если больше сделать здесь True.
Если мы используем здесь
const initialState: SidebarState = {
collapsed: typeof window !== undefined ? window.innerWidth < 1024 : false,
active: "dashboards"
};
< /code>
Показ ошибок < /p>
ReferenceError: window is not defined


Подробнее здесь: https://stackoverflow.com/questions/794 ... js-typescr