Call dynamically named bundle from Frontend in ReactJS

Question

Inside webpack.config.js, i updated bundle.js name as following

output: { 
    path: path.resolve(__dirname, "../dist/"),
    publicPath: "auto",
    filename: "[name].[chunkhash].js",
},

And i am calling it from frontend as following but it's giving error because now bundle.js name has been changed.

<script src="../dist/bundle.js"></script>

How to call them properly?