React laravel and Less configuration

webpack.mix.js

const mix = require("laravel-mix");

mix.js("frontend/app.js", "public/js")
    .react()
    .less("frontend/styles/app.less", "public/css")
    .options({
        postCss: [
            require("autoprefixer")({
                grid: true,
            }),
        ],
    })
    .setPublicPath("public")
    .browserSync({
        proxy: "localhost:8000",
        files: ["public/**/*"],
        open: false,
        notify: false,
    });

mix.version();