XRLayer: Corrects the typo shape="equirectangular" to shape="equirect"

#421

Author: ehsanmim

docs/tutorials/layers.md

@@ -1,10 +1,10 @@
 ---
 title: Layers
-description: How to use display images, videos, and custom renders at high quality on quad, cylinder, and equirectangular shapes?
+description: How to use display images, videos, and custom renders at high quality on quad, cylinder, and equirect shapes?
 nav: 15
 ---
 
-Layers allow to render videos, images, and complete scenes with higher performance and higher quality while preserving battery life and latency for quad, cylinder, and equirectangular shapes using the WebXR Layer API. Layers are perfect for use cases that display flat, high-quality content, such as videos, images, and user interfaces. The following example illustrates how to create a layer that renders a video.
+Layers allow to render videos, images, and complete scenes with higher performance and higher quality while preserving battery life and latency for quad, cylinder, and equirect shapes using the WebXR Layer API. Layers are perfect for use cases that display flat, high-quality content, such as videos, images, and user interfaces. The following example illustrates how to create a layer that renders a video.
 
 First, we create a layer at `0, 1.5, -0.5` with a scale of `0.5` that displays a video assigned to `src` and starts that video when clicked.
 

packages/react/xr/src/layer.tsx

@@ -67,16 +67,16 @@ export type XRLayerProperties = XRLayerOptions &
   }
 
 /**
- * Component for rendering high quality quad, cylinder, or equirectangular layers inside supported sessions. Also includes a fallback for non-supported sessions.
+ * Component for rendering high quality quad, cylinder, or equirect layers inside supported sessions. Also includes a fallback for non-supported sessions.
  *
  * @param props
  * #### `src` - Property for displaying images and videos onto the layer. For rendering dynamic content to the layer, leave the `src` empty and put the dynamic (3D) content into the children, so that the layer acts as a render target.
- * #### `shape` - Property to configure the shape of the layer ("quad", "cylinder", "equirectangular").
+ * #### `shape` - Property to configure the shape of the layer ("quad", "cylinder", "equirect").
  * #### `layout` - Property to configure the layout of the display content for stereo content ("default", "mono", "stereo-left-right", "stereo-top-bottom").
  * #### `centralAngle` - Property to configure the central angle in case the layer shape is a "cylinder".
- * #### `centralHorizontalAngle` - Property to configure the central horizontal angle in case the layer shape is "equirectangular".
- * #### `upperVerticalAngle` - Property to configure the upper vertical angle in case the layer shape is "equirectangular".
- * #### `lowerVerticalAngle` - Property to configure the lower verical angle in case the layer shape is "equirectangular".
+ * #### `centralHorizontalAngle` - Property to configure the central horizontal angle in case the layer shape is "equirect".
+ * #### `upperVerticalAngle` - Property to configure the upper vertical angle in case the layer shape is "equirect".
+ * #### `lowerVerticalAngle` - Property to configure the lower vertical angle in case the layer shape is "equirect".
  * #### `chromaticAberrationCorrection` - Property to configure whether chromatic abberration should be corrected by the layer.
  * #### `quality` - Property to configure for what type of content the layer should be optimized ("default", "text-optimized", "graphics-optimized").
  */