Babylonjs/inspector Can't resolve '@babylonjs/serializers'

Bugs
,
1

Hi, im trying to use the Babylon inspector in React component like so:

import React from 'react';
import SceneComponent from "babylonjs-hook"
import "@babylonjs/inspector"
import "@babylonjs/loaders";
import '@babylonjs/loaders/glTF';

const MyScene = () => {
    const onSceneReady = async scene =>{
       
        scene.debugLayer.show();
       (...)
  }

return(
  <SceneComponent ... />
)
}

but it gives me this error:
Module not found: Error:
Can’t resolve ‘@babylonjs/serializers’
Can’t resolve ‘@babylonjs/materials’
Can’t resolve ‘@babylonjs/gui’
Can’t resolve ‘@babylonjs/gui-editor’

Im using:

"@babylonjs/core": "^5.30.0",
"@babylonjs/inspector": "^5.30.0",
"@babylonjs/loaders": "^5.30.0",

Thanks in Advance!!

2

You should add those in your dependencies as well as the inspector need them to behave correctly.