Meshrefractionalmaterial in threejs vanilla

Hello i am trying to use meshrefractional from drei in threejs vanilla but i hit a block where i cant debug whats happening or how do i fix it,
there’s no error

can someone please check it and advice me if there’s a better approach

qm6fwg.csb.app/:1 [.WebGL-00000F700023C600] GL_INVALID_OPERATION: Mismatch between texture format and sampler type (signed/unsigned/float/shadow).
qm6fwg.csb.app/:1