How to load a volume with local file like Stack?

[themooneer]

Hello everyone, i am using cornerstonejs to experiment Stack and Volume loading in a simple viewport with local file () and not with a enhanced DICOM server.
For the StackViewport , it’s working , just loading the file and creating imageIds
using

...
const imageId =
                cornerstoneDICOMImageLoader.wadouri.fileManager.add(file);
...
 await prefetchMetadataInformation(imageIds);
const stack = convertMultiframeImageIds(imageIds);

viewport
.setStack(stack)

viewport.render()

But for Volume rendering it’s not working

here is my loadVolume function code :

const loadVolume = async (imageIds: any) => {
        try {
        const volume = await volumeLoader.createAndCacheVolume(
            activeViewportId,
            {
                imageIds
            }
        );

        console.log("volume", volume);

        const re = getRenderingEngine(activeRenderingEngineId);
        const viewport = re?.getViewport(activeViewportId) as VolumeViewport;

        if (!viewport) return;

        // Set the volume to load
        volume.load();
        const windowWidth = 400;
        const windowCenter = 40;

        const lower = windowCenter - windowWidth / 2.0;
        const upper = windowCenter + windowWidth / 2.0;

        // Set the volume on the viewport and it's default properties
        viewport
            .setVolumes([
                {
                    volumeId: activeViewportId,
                    callback: ({ volumeActor }) => {
                        volumeActor
                            .getProperty()
                            .getRGBTransferFunction(0)
                            .setMappingRange(lower, upper);
                    }
                }
            ])
            .then(() => {
                viewport.setProperties({
                    voiRange: { lower: -160, upper: 240 },
                    VOILUTFunction: VOILUTFunctionType.LINEAR,
                    colormap: { name: "Grayscale" },
                    slabThickness: 0.1
                });
            });

        // Render the image
        viewport.render();
        } catch (error) {
            console.error("error occured while loading the volume", error)
        }

    };

Any idea why ?