Django Webpack React: Plugin/Preset files are not allowed to export objects, only functions

[Fendy Pierre]

I'm trying to configure my react with django. 

but for some reason whenever I try to `npm run start` I get this error: 
`Plugin/Preset files are not allowed to export objects, only functions. In 
../../node_modules/babel-preset-react/lib/index.js `
I've tried:
` npm  install @babel/preset-react` `npm install babel-preset-react --save-dev  
` `npm install -D babel-loader @babel/core @babel/preset-env webpack` but did 
nothing.

Django version: 2.2.6

Webpack config:

    var path = require('path');
    var webpack = require('webpack');
    var BundleTracker = require('webpack-bundle-tracker');
    module.exports = {
      entry:  path.join(__dirname, 'assets/src/js/index'),
      output: {
        path: path.join(__dirname, 'assets/dist'),
        filename: '[name]-[hash].js'
      },
      plugins: [
        new BundleTracker({
          path: __dirname,
          filename: 'webpack-stats.json'
        }),
      ],
      module: {
          rules: [
            {
              test: /\.jsx?$/,
              loader: 'babel-loader',
              exclude: /node_modules/,
              options: {
                 presets: ['react']
              }
            },
          ],
        },
    }

settings:

    WEBPACK_LOADER = {
        'DEFAULT': {
            'BUNDLE_DIR_NAME': 'dist/',
            'STATS_FILE': os.path.join(BASE_DIR, 'webpack-stats.json'),
        }
    }

.babelrc:

    {
        "presets": [
          "es2015", "react"
        ]
    }

package.json:

    {
      "name": "collegeapp",
      "version": "1.0.0",
      "description": "",
      "main": "index.js",
      "scripts": {
        "test": "echo \"Error: no test specified\" && exit 1",
        "start": "./node_modules/.bin/webpack --config webpack.config.js",
        "watch": "npm run start -- --watch"
      },
      "repository": {
        "type": "git",
        "url": "git+https://github.com/FendyPierre/collegeapp.git";
      },
      "author": "",
      "license": "ISC",
      "bugs": {
        "url": "https://github.com/FendyPierre/collegeapp/issues";
      },
      "homepage": "https://github.com/FendyPierre/collegeapp#readme";,
      "devDependencies": {
        "@babel/core": "^7.7.4",
        "@babel/preset-env": "^7.7.4",
        "babel-cli": "^6.26.0",
        "babel-core": "^6.26.3",
        "babel-loader": "^8.0.6",
        "babel-preset-env": "^1.7.0",
        "babel-preset-es2015": "^6.24.1",
        "babel-preset-react": "^6.24.1",
        "babel-register": "^6.26.0",
        "webpack": "^4.41.2",
        "webpack-bundle-tracker": "^0.4.3",
        "webpack-cli": "^3.3.10"
      },
      "dependencies": {
        "react": "^16.12.0",
        "react-dom": "^16.12.0"
      }
    }


-- 
You received this message because you are subscribed to the Google Groups 
"Django REST framework" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to django-rest-framework+unsubscr...@googlegroups.com.
To view this discussion on the web visit 
https://groups.google.com/d/msgid/django-rest-framework/4de1afd7-7f42-4f8a-9446-f8c11b1beafd%40googlegroups.com.