Browsersync reloading wrong page

I'm using Laravel Webpack Mix.. My project is into the htdocs folder in xampp.. In the webpack.mix.js file- I have put this:

mix.js('resources/assets/js/app.js', 'public/js')
   .sass('resources/assets/sass/app.scss', 'public/css')
   .disableNotifications()
   .browserSync('localhost:8000.dev')
   .sourceMaps();

I'm expecting that Browsersync will reload my project's index page which is localhost:8000.. Instead it's reloading localhost:3000/dashboard which is the index page for Xampp.. How can I fix this? Thanks in advance :)

via Saroar