create-react-app application throws webassembly error after page refresh

[ahashans]

I have a react application generated by create-react-app. I have followed the instructions on how to integrate muze js in react app from the official documentation. I have used craco to override webpack copyplugin. When I start my application it generates the muze chart. but when I refresh the page, It throws an uncaught webassembly error.

Here is the craco config file content:

const CopyWebpackPlugin = require('copy-webpack-plugin');
const path = require('path');
module.exports = {
  style: {
    postcss: {
      plugins: [
        require('tailwindcss'),
        require('autoprefixer'),
      ],
    },
  },
  webpack: {
    plugins: [
      new CopyWebpackPlugin([
        {
          from: path.resolve("node_modules", "@chartshq/muze/dist"),
          to: '.'
        },
      ])
    ]
  }
}

Also, I have noticed that after integrating muze js, tailwindcss is not working properly.
Can anyone point me where is the problem. From my guess the copyWebPlugin seems not working after page refresh.