Streaming of Volume Data using React returns TypeError when it calls 'makeVolumeMetadata' file about cornerstone3d HOT 2 CLOSED

Did you ever get this fixed?

Looks like the problem I see is that you can't use async functions like that within reacts useEffect hook.

Define the async function inside the hook.

useEffect(() => {

  // what happens in vegas (in the promise) stays in vegas
   const render = async() => {
      ...
   }

   render()

},[viewportRef1])

same goes for the init of cornerstone.

from cornerstone3d.

It has been a while since I've fixed the issue but I think the issue was related to the faulty/missing installation of cornerstoneWADOImageLoader.
Here is what I did if someone is having a similar issue. I was initially using CRA but realized that I need to make some changes to the webpack.config.js file to install cornerstoneWADOImageLoader properly. I started a fresh project and created the webpack.config.js file manually. The important point is adding the following property to the webpack.config.js file:

    resolve: {
        alias: {
            "cornerstone-wado-image-loader": "cornerstone-wado-image-loader/dist/dynamic-import/cornerstoneWADOImageLoader.min.js"
        }
    }

You also need the CopyWebpackPlugin installed and added to the config file. The tricky thing here is that the documentation of cornerstoneWADOImageLoader is faulty. You need to add the following property to the config file:

    plugins: [
        new CopyWebpackPlugin(
          {
            patterns: [
                {
                    from: path.resolve(__dirname, './node_modules/cornerstone-wado-image-loader/dist/dynamic-import'),
                    to: "../dist",
                },
            ]
          })
    ],

Be mindful that "to" here should point to your build folder, make sure other paths are correct as well

from cornerstone3d.