Removes grid script

.changeset/crazy-dragons-guess.md

@@ -0,0 +1,5 @@
+---
+"@playcanvas/react": minor
+---
+
+Full removes the Grid Script. Please use the official version in the playcanvas engine

.changeset/sour-forks-pull.md

@@ -0,0 +1,5 @@
+---
+"@playcanvas/react": minor
+---
+
+Removes deprecated Grid Script. Use Playcanvas script instead

packages/docs/components/Grid.tsx

@@ -6,7 +6,7 @@ import { Grid as GridScript } from "playcanvas/scripts/esm/grid.mjs";
 import { FC } from "react";
 
 const Grid: FC = ({ ...props }) => {
-    return <Entity scale={[1000, 1000, 1000]}>
+    return <Entity scale={[1000, 1, 1000]}>
         <Script script={GridScript} {...props} />
     </Entity>
 }

packages/docs/content/docs/guide/getting-started.mdx

@@ -184,8 +184,10 @@ export default function App() {
     return <Application>
         {/* Create some environment lighting */}
         <EnvAtlasComponent src='/environment-map.png' />
-        {/* Render the background grid */}
-        <Grid />
+        {/* Create a large XZ entity with a script that renders a grid */}
+        <Entity name='grid' scale={[1000, 1, 1000]}>
+            <Script script={Grid} />
+        </Entity>
         {/* Add a shadow catcher to catch the shadows from the model */}
         <ShadowCatcher intensity={0.9} />
         <Entity name='camera' position={[0, 0, 2]}>

packages/docs/content/examples/scripting.mdx

@@ -8,13 +8,14 @@ export const Demo = () => {
     return (<Entity>
         {/* Create some environment lighting */}
         <EnvAtlasComponent src='/environment-map.png' />
+
         {/* Render the background grid */}
+        <Grid />
 
         {/* Create a camera entity */}
         <Entity name='camera' position={[4, 1, 4]}>
             <Camera renderSceneColorMap={true} />
             <OrbitControls inertiaFactor={0.07} distanceMin={6} distanceMax={10} pitchAngleMin={1} pitchAngleMax={90}/>
-
         </Entity>
 
         <Entity scale={[0.5, 0.5, 0.5]}>

packages/lib/src/scripts/index.ts

@@ -1,6 +1,5 @@
 "use client";
 
-export { Grid } from './infinite-grid/infinite-grid.js';
 export { OrbitControls } from './orbit-controls/index.tsx';
 export { ShadowCatcher } from './shadow-catcher/index.js';
 export { AutoRotator } from './auto-rotator/auto-rotator.tsx';