Home > Back-end >  React Native Redux Error: TypeError: (0, import_redux2.combineReducers) is not a function
React Native Redux Error: TypeError: (0, import_redux2.combineReducers) is not a function

Time:09-06

The following is an error that is driving me up the walls, I have changed the name of the project which was previously redux, it is now global-management-system but I still cannot get it to work. Error Details: TypeError: (0, import_redux2.combineReducers) is not a function. (In '(0, import_redux2.combineReducers)(reducer)', '(0, import_redux2.combineReducers)' is undefined)

 //store.js
    import { configureStore } from "@reduxjs/toolkit";
    import taskReducer from './taskSlice'

import { combineReducers } from 'redux' 

export default configureStore({
    reducer:{
    tasks:taskReducer
    }
})




//taskSlice.js
    import { createSlice } from "@reduxjs/toolkit";

export const taskSlice = createSlice({
    name:"tasks",
    initialState:[],
    reducers:{
        addTask:(state,action) => {
            const newTask = {
                id:action.payload.id,
                name:action.payload.id,
            };
            state.push(newTask)
        },
        deleteTask:(state,action) => {
            return state.filter((item) => item.id !== action.payload.id)
        },
    },
});

export const {addTask, deleteTask} = taskSlice.actions;

export default taskSlice.reducer;

//Package.json

    {
  "name": "global-management-system",
  "version": "1.0.0",
  "main": "node_modules/expo/AppEntry.js",
  "scripts": {
    "start": "expo start",
    "android": "expo start --android",
    "ios": "expo start --ios",
    "web": "expo start --web"
  },
  "dependencies": {
    "@expo/vector-icons": "^13.0.0",
    "@reduxjs/toolkit": "^1.8.5",
    "expo": "~46.0.9",
    "expo-status-bar": "~1.4.0",
    "react": "18.0.0",
    "react-native": "0.69.5",
    "react-redux": "8.0",
    "redux": "^4.0.5"
  },
  "devDependencies": {
    "@babel/core": "^7.12.9"
  },
  "private": true
}

CodePudding user response:

the error that is showing you is due to the import of combineReducers

import { combineReducers } from 'redux'

Taking a look at the code, I think I don't see any more problems.

CodePudding user response:

Import combineReducers as import { combineReducers, configureStore } from "@reduxjs/toolkit";

  • Related