Code Monkey home page Code Monkey logo

redux-mediaquery's Issues

Getting error from redux - on dispatch:

I'm using create-react-app and was sort of following along with another tutorial and wanted to try out this library - I was wondering if anything has changed in redux that doesn't allow functions like this anymore?

I'm using [email protected] if it makes any difference

Thanks in advance, looks like a great library!

I'm a bit of a novice, but if you give me some direction I could try a PR for fixing the trackMediaQueries method that is the default export

Uncaught Error: Actions must be plain objects. Use custom middleware for async actions.
at dispatch (createStore.js:166)
at Object.dispatch (middleware.js:80)
at configureStore (configureStore.js:18)
at Object. (index.js:9)
at webpack_require (bootstrap 7138f6b…:555)
at fn (bootstrap 7138f6b…:86)
at Object. (bootstrap 7138f6b…:578)
at webpack_require (bootstrap 7138f6b…:555)
at bootstrap 7138f6b…:578
at bootstrap 7138f6b…:578

LMIT-PAUL:cb-ui paul$ yarn list redux
yarn list v0.19.1
└─ [email protected]

doesn't fire action...?

I have installed your redux-mediaquery, and followed the instructions 1-4, but it didn't fire any media change actions when I changed window size.

Are there any reasons that you can imagine?

Here is my package.json:

{
  "name": "name",
  "version": "0.0.1",
  "private": true,
  "scripts": {
    "start-native": "node node_modules/react-native/local-cli/cli.js start",
    "test": "jest src",
    "test-native": "jest --config=jest.config.json __tests__/*",
    "build-web": "webpack --config webpack.production.config.js --progress --profile --colors",
    "start-web": "webpack-dev-server --progress --profile --colors",
    "lint": "eslint --ext js --ext jsx src || exit 0",
    "dev-web": " webpack-dashboard -- webpack-dev-server --progress --profile --colors",
    "storybook-web": "start-storybook -p 9000",
    "build-storybook": "build-storybook"
  },
  "dependencies": {
    "history": "^4.6.1",
    "i18next": "^8.3.0",
    "material-ui": "^0.18.1",
    "node-sass": "^4.3.0",
    "raw-loader": "^0.5.1",
    "react": "16.0.0-alpha.6",
    "react-dom": "16.0.0-alpha.6",
    "react-i18next": "^4.1.0",
    "react-redux": "^5.0.5",
    "react-router": "^3.0.5",
    "react-router-redux": "^4.0.8",
    "react-tap-event-plugin": "^2.0.1",
    "redux": "^3.6.0",
    "redux-logger": "^3.0.6",
    "redux-mediaquery": "^0.10.0",
    "redux-thunk": "^2.2.0",
    "redux-ui": "^0.1.1",
    "sass-loader": "^6.0.2"
  },
  "devDependencies": {
    "babel-cli": "6.24.1",
    "babel-core": "^6.23.1",
    "babel-jest": "20.0.3",
    "babel-loader": "^6.3.2",
    "babel-plugin-transform-class-properties": "^6.22.0",
    "babel-plugin-transform-decorators": "^6.24.1",
    "babel-plugin-transform-decorators-legacy": "^1.3.4",
    "babel-plugin-transform-runtime": "^6.22.0",
    "babel-preset-env": "^1.5.1",
    "babel-preset-es2015": "6.22.0",
    "babel-preset-react": "^6.23.0",
    "babel-preset-react-native": "1.9.2",
    "babel-preset-stage-0": "^6.24.1",
    "babel-runtime": "^6.22.0",
    "css-loader": "0.26.1",
    "extract-text-webpack-plugin": "^v2.0.0-rc.1",
    "file-loader": "^0.10.0",
    "form-data": "^2.1.4",
    "html-webpack-plugin": "^2.26.0",
    "http-shutdown": "^1.2.0",
    "jest": "20.0.3",
    "jest-react-native": "^18.0.0",
    "postcss-loader": "^1.2.2",
    "react-hot-loader": "^3.0.0-beta.6",
    "react-test-renderer": "16.0.0-alpha.6",
    "redux-mock-store": "^1.2.3",
    "style-loader": "0.13.1",
    "url-loader": "0.5.7",
    "w3c-xmlhttprequest": "^2.1.2",
    "webpack": "^2.2.1",
    "webpack-cleanup-plugin": "^0.4.2",
    "webpack-dashboard": "^0.3.0",
    "webpack-dev-server": "^2.4.1",
    "@storybook/react": "^3.0.1"
  },
  "jest": {
    "globals": {
      "__DEV__": true
    }
  },
  "rnpm": {
    "assets": [
      "./roboto-fonts"
    ]
  }
}

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.