I am facing a problem with my code that my application renders an object. I tried annotating all renders in the component but couldn't solve my problem. -this is store of me:
`import { combineReducers, configureStore } from '@reduxjs/toolkit'
import cartReducer from '../features/cartSlice/cartSlice'
import {
persistStore, persistReducer, FLUSH,
REHYDRATE,
PAUSE,
PERSIST,
PURGE,
REGISTER
} from 'redux-persist'
import storage from 'redux-persist/lib/storage'
const persistConfig = {
key: 'cartItem',
storage
}
const rootReducer = combineReducers({
cartItem: cartReducer
})
const persistedReducer = persistReducer(persistConfig, rootReducer)
const store = configureStore({
reducer: persistedReducer,
middleware: (getDefaultMiddleware) =>
getDefaultMiddleware({
serializableCheck: {
ignoredActions: [FLUSH, REHYDRATE, PAUSE, PERSIST, PURGE, REGISTER]
}
})
})
export const persistor = persistStore(store)
export default store__`My index of me__: `import React from 'react'; import ReactDOM from 'react-dom'; import './index.css'; import App from './App'; import reportWebVitals from './reportWebVitals'; //setup redux-toolkit and redux persist import store, { persistor } from './app/store' import { Provider } from 'react-redux' import { PersistGate } from 'redux-persist/integration/react'
ReactDOM.render(
<Provider store={store}>
<PersistGate loading={null} persistor={persistor}>
<App />
</PersistGate>
</Provider>,
`document.getElementById('root')`
reportWebVitals()__;`