How I solved Build exceeded maximum allowed run time netlify error while deploying React App with Webpack from scratch?

Build exceeded the maximum allowed run time - netlify error logs
while deploying manual react config with webpack from scratch

two things I did to solve this problem

1. make sure to set devtool = false, on production (this one also solve maximum size warning from webpack in production stage)

2. make sure to add webpack on build scripts instead of using webpack-dev-server

Also, while deploying from git, make sure to add commands of your publish directory in my case it is dist folder, you might have a build folder

that's it

after asking the same question on a different server, I figure out myself - StackOverflow live saver

For more clarity watch the below youtube video

Deployed app: https://pwa-react-app-from-scratch-with-webpack.netlify.app/
Github Code: https://github.com/Alidhuniya/React-Manual-configuration-with-Webpack-from-scratch