.babelrc

{
  "env": {
    "development" : {
      "plugins": ["react-transform"],
      "extra": {
	// must be defined and be an object
	"react-transform": {
	  "transforms": [
	    {
              "transform": "react-transform-hmr",
              // if you use React Native, pass "react-native" instead:
              "imports": ["react"],
              // this is important for Webpack HMR:
              "locals": ["module"]
	    }, {
              "transform": "react-transform-catch-errors",
              // now go the imports!
              "imports": [

		// the first import is your React distribution
		// (if you use React Native, pass "react-native" instead)

		"react",

		// the second import is the React component to render error
		// (it can be a local path too, like "./src/ErrorReporter")

		"redbox-react",

		// the third import is OPTIONAL!
		// when specified, its export is used as options to the reporter.
		// see specific reporter's docs for the options it needs.

		// "./src/reporterOptions"
              ]
	    }]
	  // note: you can put more transforms into array
	  // this is just one of them!
	}
      }
    },
    "production": {}
  }
}