在使用Next.js框架进行开发时，管理屏幕尺寸变化是一个常见的需求。然而，当我们尝试在Redux Toolkit中使用window对象来初始化状态时，常常会遇到ReferenceError: window is not defined的错误。这是由于服务器端渲染(SSR)过程中不存在window对象。下面我们将探讨如何解决这个问题，并提供一个实际的例子。

问题背景

假设我们有一个Redux Slice，用于管理屏幕尺寸：

import{createSlice}from"@reduxjs/toolkit";constinitialState={