LocalStorage не определен в следующем js ⇐ Javascript

[Гость]

Я использую next.js для интерфейса. Я хочу получить пользователя из localStorage, но, поскольку next.js представляет собой рендеринг на стороне сервера, я не могу получить localStorage. Что мне нужно сделать, чтобы получить localStorage?

import { createSlice, createAsyncThunk } из "@reduxjs/toolkit"; импортировать authService из "./authService"; const getUserfromLocalStorage = localStorage.getItem("пользователь") ? JSON.parse(localStorage.getItem("пользователь")) : нулевой; const InitialState = { пользователь: getUserfromLocalStorage, isError: ложь, isLoading: ложь, isSuccess: ложь, сообщение: "", }; экспортировать const login = createAsyncThunk('auth/login', async (user, thunkAPI) => { пытаться { return await authService.login(пользователь); } поймать (ошибка) { вернуть thunkAPI.rejectWithValue(ошибка); } }); экспортировать const authSlice = createSlice({ имя: "аутентификация", начальное состояние, редукторы: {}, extraReducers: (строитель) => { строитель .addCase(login.pending, (состояние) => { state.isLoading = правда; }) .addCase(login.fulfilled, (состояние, действие) => { state.isLoading = правда; состояние.isSuccess = ложь; состояние.пользователь = действие.полезная нагрузка; }) .addCase(login.rejected, (состояние, действие) => { state.isLoading = ложь; состояние.isError = правда; состояние.isSuccess = ложь; состояние.пользователь = ноль; }); }, }); экспортировать по умолчанию authSlice.reducer;