[Inspector] Prevent crashing when a mesh's name is of the wrong type.

packages/dev/core/src/scene.ts

@@ -2358,6 +2358,10 @@ export class Scene extends AbstractScene implements IAnimatable, IClipPlanesHold
             return;
         }
 
+        if (typeof newMesh.name !== "string") {
+            Tools.Warn("Mesh's name is not of string type.");
+        }
+
         this.meshes.push(newMesh);
 
         newMesh._resyncLightSources();

packages/dev/inspector/src/components/actionTabs/tabs/propertyGrids/parentPropertyGridComponent.tsx

@@ -22,14 +22,22 @@ export class ParentPropertyGridComponent extends React.Component<IParentProperty
         super(props);
     }
 
+    private _getNameForSorting(node: any) {
+        const isNameAString = node.name && typeof node.name === "string";
+        return isNameAString ? node.name : "no name";
+    }
+
     render() {
         const node = this.props.node;
         const scene = node.getScene();
 
         const sortedNodes = scene
             .getNodes()
             .filter((n) => n !== node)
-            .sort((a, b) => (a.name || "no name").localeCompare(b.name || "no name"));
+            .map((n) => this._getNameForSorting(n))
+            .sort((aName, bName) => {
+                return aName.localeCompare(bName);
+            });
 
         const nodeOptions = sortedNodes.map((m, i) => {
             return {
@@ -57,7 +65,7 @@ export class ParentPropertyGridComponent extends React.Component<IParentProperty
                     noDirectUpdate={true}
                     onSelect={(value) => {
                         const nodeAsTransform = node as TransformNode;
-                        if (value < 0) {
+                        if (typeof value !== "number" || value < 0) {
                             if (nodeAsTransform.setParent) {
                                 nodeAsTransform.setParent(null);
                             } else {

packages/dev/inspector/src/components/sceneExplorer/entities/meshTreeItemComponent.tsx

@@ -39,14 +39,20 @@ export class MeshTreeItemComponent extends React.Component<IMeshTreeItemComponen
         this.props.mesh.isVisible = newState;
     }
 
+    // mesh.name can fail the type check when we're in javascript, so
+    // we can check to avoid crashing
+    private _getNameForLabel(): string {
+        return typeof this.props.mesh.name === "string" ? this.props.mesh.name : "no name";
+    }
+
     render() {
         const mesh = this.props.mesh;
 
         const visibilityElement = this.state.isVisible ? <FontAwesomeIcon icon={faEye} /> : <FontAwesomeIcon icon={faEyeSlash} className="isNotActive" />;
 
         return (
             <div className="meshTools">
-                <TreeItemLabelComponent label={mesh.name} onClick={() => this.props.onClick()} icon={faCube} color="dodgerblue" />
+                <TreeItemLabelComponent label={this._getNameForLabel()} onClick={() => this.props.onClick()} icon={faCube} color="dodgerblue" />
                 <div
                     className={this.state.isBoundingBoxEnabled ? "bounding-box selected icon" : "bounding-box icon"}
                     onClick={() => this.showBoundingBox()}