diff --git a/src/core/View.js b/src/core/View.js
index b2671b0..cd63848 100644
--- a/src/core/View.js
+++ b/src/core/View.js
@@ -360,8 +360,8 @@ View.propTypes = {
   triggerRender: PropTypes.number,
 
   /**
-  * Property use to trigger a resetCamera when changing.
-  */
+   * Property use to trigger a resetCamera when changing.
+   */
   triggerResetCamera: PropTypes.number,
 
   /**
diff --git a/src/representations/PointCloudRepresentation.js b/src/representations/PointCloudRepresentation.js
index 6a058c6..8d0960e 100644
--- a/src/representations/PointCloudRepresentation.js
+++ b/src/representations/PointCloudRepresentation.js
@@ -35,6 +35,7 @@ export default function PointCloudRepresentation(props) {
   console.log('nbComponents', nbComponents);
   return (
     <GeometryRepresentation
+      id={props.id}
       colorMapPreset={props.colorMapPreset}
       colorDataRange={props.colorDataRange}
       property={props.property}
@@ -62,6 +63,10 @@ PointCloudRepresentation.defaultProps = {
 };
 
 PointCloudRepresentation.propTypes = {
+  /**
+   * The ID used to identify this component.
+   */
+  id: PropTypes.string,
   /**
    * Points coordinates
    */
diff --git a/src/representations/VolumeDataRepresentation.js b/src/representations/VolumeDataRepresentation.js
index 9795e96..9af9f6b 100644
--- a/src/representations/VolumeDataRepresentation.js
+++ b/src/representations/VolumeDataRepresentation.js
@@ -39,6 +39,7 @@ export default function VolumneDataRepresentation(props) {
   console.log('nbComponents', nbComponents);
   return (
     <VolumeRepresentation
+      id={props.id}
       colorMapPreset={props.colorMapPreset}
       colorDataRange={props.colorDataRange}
       property={props.property}
@@ -79,6 +80,10 @@ VolumneDataRepresentation.defaultProps = {
 };
 
 VolumneDataRepresentation.propTypes = {
+  /**
+   * The ID used to identify this component.
+   */
+  id: PropTypes.string,
   /**
    * Number of points along x, y, z
    */