yo so on the console im getting this error:

 A non-serializable value was detected in an action, in the path: `register`. Value: Æ’ register(key) {
    _pStore.dispatch({
      type: _constants__WEBPACK_IMPORTED_MODULE_0__.REGISTER,
      key: key
    });
  } 
Take a look at the logic that dispatched this action:  {type: 'persist/PERSIST', register: Æ’, rehydrate: Æ’}register: Æ’ register(key)rehydrate: Æ’ rehydrate(key, payload, err)type: "persist/PERSIST"[[Prototype]]: Object 
(See https://redux.js.org/faq/actions#why-should-type-be-a-string-or-at-least-serializable-why-should-my-action-types-be-constants) 
(To allow non-serializable values see: https://redux-toolkit.js.org/usage/usage-guide#working-with-non-serializable-data) 

and then when im trynna deploy on vercel im getting another error which is:

 ReferenceError: window is not defined
    at Navbar (/vercel/path0/.next/server/app/page.js:1320:5) 

i tried to fix it with useEffect but it just gave me even more errors so yeah idk heres the code:

 const handleResize = () => {
        if (isNotSubmited && window.innerWidth > 1023) {
          dispatch(slide(0))
          enableBodyScroll()
        }
    }

    window.addEventListener('resize', handleResize);

    handleResize(); 

please ask me any additional information or code snippets you need, i would appriciate some help