TypeError: store.getState is not a function in react-redux

Sokratis V

I followed the instructions and created the store from this library

https://github.com/jesperorb/redux-cart

src/store/index.js:

import { createStore } from 'redux';
//Import our rootreducer from '../reducers/index.js' this hold our whole state
import rootReducer from  '../reducers/index.js';

/**
  * @param {Object} initialState
 */
export default function store() {
    return createStore(
      rootReducer,
      window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__()
    );
}
```

src/actions/cart-actions.js:

/** We don't have to use the variable 'payload', we can also just name it: 'item'
    * @param {Object} item
    */
    export function addToCart(item) {
      return {
          type: 'ADD',
          item: item
      };
    }

    export function removeFromCart(item) {
      return {
          type: 'REMOVE',
          item: item
      };
    }

src/index.js:

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import { Provider } from 'react-redux';
import registerServiceWorker from './registerServiceWorker';
import store from './store/index.js';


ReactDOM.render(
  <Provider store={store}>
  <App />
  </Provider>, document.getElementById('root'));
registerServiceWorker();

but i get the error TypeError: store.getState is not a function. Can someone propose what steps should i look into first?

Alex

Looks like you forgot to create a store object in index.js

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import { Provider } from 'react-redux';
import registerServiceWorker from './registerServiceWorker';
import Store from './store/index.js';

// forgot to create store obj
const store = Store();

ReactDOM.render(
  <Provider store={store}>
  <App />
  </Provider>, document.getElementById('root'));
registerServiceWorker();

Collected from the Internet

Please contact [email protected] to delete if infringement.

edited at
0

Comments

0 comments
Login to comment

Related

react-redux : TypeError: store.getState is not a function

TypeError: store.getState is not a function (redux)

React Native TypeError store.getState is not a function

TypeError: _this.store.getState is not a function when using connect from Redux

store.getState is not a function Redux-persist

TypeError: store.getState is not a function. (In 'store.getState()', 'store.getState' is undefined

TypeError: getState is not a function when adding middleware to Redux

Uncaught TypeError: store.getState is not a function

TypeError: store.getState is not a function. (In 'store.getState()', 'store.getState' is undefined how can i resolve this problem?

Redux: Calling store.getState() in a reducer function, is that an anti pattern?

TypeError: getState is not a function in redux when trying to pass token

I am getting this error: TypeError: store.getState is not a function

store.getState is not a function

React-Redux: getState() not available

React Redux -> TypeError: Object(...) is not a function

Redux - Undefined is not an object (evaluating 'store.getState')

Is correct to use store.getState() in a redux container?

Redux Persist TypeError: store.dispatch is not a function

TypeError: undefined is not an object (evaluating 'store.getState')

React Native: Call Redux getState() inside Component

react-redux: getState() from any container

React Redux - accessing existing store in a helper function

React Redux Error TypeError: sourceSelector is not a function

React Redux TypeError this.props.setEmailText is not a function

TypeError: Object(...) is not a function - Redux - React-Router

TypeError: Object(...) is not a function in react-redux

React-Redux TypeError: dispatch is not a function

TypeError: Cannot call a class as a function (React/Redux)

React / Redux TypeError: Cannot call a class as a function

TOP Ranking

  1. 1

    Failed to listen on localhost:8000 (reason: Cannot assign requested address)

  2. 2

    pump.io port in URL

  3. 3

    How to import an asset in swift using Bundle.main.path() in a react-native native module

  4. 4

    Loopback Error: connect ECONNREFUSED 127.0.0.1:3306 (MAMP)

  5. 5

    Compiler error CS0246 (type or namespace not found) on using Ninject in ASP.NET vNext

  6. 6

    BigQuery - concatenate ignoring NULL

  7. 7

    Spring Boot JPA PostgreSQL Web App - Internal Authentication Error

  8. 8

    ggplotly no applicable method for 'plotly_build' applied to an object of class "NULL" if statements

  9. 9

    ngClass error (Can't bind ngClass since it isn't a known property of div) in Angular 11.0.3

  10. 10

    How to remove the extra space from right in a webview?

  11. 11

    Change dd-mm-yyyy date format of dataframe date column to yyyy-mm-dd

  12. 12

    Jquery different data trapped from direct mousedown event and simulation via $(this).trigger('mousedown');

  13. 13

    maven-jaxb2-plugin cannot generate classes due to two declarations cause a collision in ObjectFactory class

  14. 14

    java.lang.NullPointerException: Cannot read the array length because "<local3>" is null

  15. 15

    How to use merge windows unallocated space into Ubuntu using GParted?

  16. 16

    flutter: dropdown item programmatically unselect problem

  17. 17

    Pandas - check if dataframe has negative value in any column

  18. 18

    Nuget add packages gives access denied errors

  19. 19

    Can't pre-populate phone number and message body in SMS link on iPhones when SMS app is not running in the background

  20. 20

    Generate random UUIDv4 with Elm

  21. 21

    Client secret not provided in request error with Keycloak

HotTag

Archive