LocalStorage в Next-Redux

Всем привет, у меня задача добавить файлы (условно - авторов) в список, все норм работает. Только при обновлении все исчезает. Хочу добавить в localStorage в редаксе, ибо список должен получить на нескольких страницах, как это организовать?

это store

    import {createStore, applyMiddleware} from 'redux'
    import rootReducer from './reducers/rootReducer'
    import { composeWithDevTools } from 'redux-devtools-extension'
    import thunkMiddleware from 'redux-thunk'
    import {Context, MakeStore} from "next-redux-wrapper";
    
    const composeEnhancers = composeWithDevTools({});
    
    const makeStore = (context) => createStore(rootReducer, composeEnhancers(applyMiddleware(thunkMiddleware)));
    
    export default makeStore


это редюсер 

const ADD_TO_CART = "ADD_TO_CART"

let shoppingCartState = {
    files: [
        {author: "Smith"}
    ]
}

const shoppingCartReducer = (state = shoppingCartState, action: { type: any; payload: any }) => {
    switch (action.type) {
        case ADD_TO_CART:
            let newFile = action.payload
            return {
                ...state,
                files: [...state.files, {author: newFile}]
            }
        default:
            return state
    }
}

export const addToCartAC = (newFile: any) => ({type: ADD_TO_CART, payload: newFile});

export default shoppingCartReducer;

это функционал

 const files = useSelector((state: any) => state.shoppingCartFiles.files)
    const dispatchFileState = useDispatch()


    const handleSubmit = (newFile: any) => {
        dispatchFileState(addToCartAC(newFile))
    }