Error while passing wasm file to Runtimeloader

[MatteoDirenzo]

Hello everyone, i'm trying to preload rive.wasm file in my next.js project, but i keep getting a binding error in my Rive Component when using RuntimeLoader.setWasmUrl (the link preload in the head tag works fine)

import { useRive, RuntimeLoader, Layout, Fit, Alignment } from "@rive-app/react-canvas";
import riveWASMResource from "@rive-app/canvas/rive.wasm";

RuntimeLoader.setWasmUrl(riveWASMResource);

export const RiveComp = ({  src, artboard, stateMachines, autoplay, ...rest}) => {
  const base_url = process.env.NEXT_PUBLIC_BASE_URL;
  
  const { rive, RiveComponent } = useRive({
      src: `${base_url}${src}.riv`, 
      artboard: artboard,
      stateMachines: stateMachines,
      layout: new Layout({ fit: Fit.Cover }), 
      autoplay: autoplay,
    });
  
  return <RiveComponent {...rest} />
}

I followed the documentation about preloading the wasm file but i keep getting the same error, maybe i'm doing something wrong (when i log my wasm file its the right one and the preload works fine, the problem is related to this RuntimeLoader)

[MatteoDirenzo]

I fixed it for now, but i don't know if it's the right solution, the import was incorrect.
this one worked for me

import riveWASMResource from "@rive-app/react-canvas/node_modules/@rive-app/canvas/rive.wasm";

[Prasanna-kumar-Patra]

fixed by changing the url in rive.js file
RuntimeLoader.wasmURL = "./rive.wasm";