From e4bcf93abe1d97c7c2a2c16ec849785f05af7500 Mon Sep 17 00:00:00 2001
From: Nikki Sharpley <nsharpley@mozilla.com>
Date: Mon, 5 Jun 2023 15:09:39 -0400
Subject: [PATCH] eslint disable react unknown property for props known

---
 src/gltf-component-mappings.js       | 1 +
 src/prefabs/camera-tool.js           | 1 +
 src/prefabs/error-object.js          | 1 +
 src/prefabs/loading-object.js        | 1 +
 src/react-components/chat-message.js | 7 +++++++
 5 files changed, 11 insertions(+)

diff --git a/src/gltf-component-mappings.js b/src/gltf-component-mappings.js
index b2c3875338..4dbc694975 100644
--- a/src/gltf-component-mappings.js
+++ b/src/gltf-component-mappings.js
@@ -132,6 +132,7 @@ import { createElementEntity } from "./utils/jsx-entity";
 import { setInitialNetworkedData } from "./utils/assign-network-ids";
 /** @jsx createElementEntity */ createElementEntity;
 
+// eslint-disable-next-line react/no-unknown-property
 AFRAME.GLTFModelPlus.registerComponent("media-frame", "media-frame", (el, _componentName, componentData) => {
   const eid = renderAsEntity(APP.world, <entity mediaFrame={componentData} />);
 
diff --git a/src/prefabs/camera-tool.js b/src/prefabs/camera-tool.js
index 1d6339e238..5f209066dc 100644
--- a/src/prefabs/camera-tool.js
+++ b/src/prefabs/camera-tool.js
@@ -1,4 +1,5 @@
 /* eslint-disable react/prop-types */
+/* eslint-disable react/no-unknown-property */
 /** @jsx createElementEntity */
 import cameraModelSrc from "../assets/camera_tool.glb";
 import { Layers } from "../camera-layers";
diff --git a/src/prefabs/error-object.js b/src/prefabs/error-object.js
index 68f7b3beda..9c94076017 100644
--- a/src/prefabs/error-object.js
+++ b/src/prefabs/error-object.js
@@ -1,3 +1,4 @@
+/* eslint-disable react/no-unknown-property */
 /** @jsx createElementEntity */
 import { createElementEntity } from "../utils/jsx-entity";
 import { ProjectionMode } from "../utils/projection-mode";
diff --git a/src/prefabs/loading-object.js b/src/prefabs/loading-object.js
index 743ba69b55..68c488725a 100644
--- a/src/prefabs/loading-object.js
+++ b/src/prefabs/loading-object.js
@@ -1,3 +1,4 @@
+/* eslint-disable react/no-unknown-property */
 /** @jsx createElementEntity */
 import { BoxGeometry, Mesh, MeshBasicMaterial } from "three";
 import { createElementEntity } from "../utils/jsx-entity";
diff --git a/src/react-components/chat-message.js b/src/react-components/chat-message.js
index 06e16013b2..fab68bc14e 100644
--- a/src/react-components/chat-message.js
+++ b/src/react-components/chat-message.js
@@ -50,6 +50,8 @@ function renderChatMessage(body, from, allowEmojiRender) {
 
   const EntryDom = ({ callback }) => (
     <div
+    // callback is passed in here as part of React 18 createRoot method.
+    // eslint-disable-next-line react/no-unknown-property
       callback={callback}
       className={classNames({
         [styles.presenceLogEntry]: !isEmoji,
@@ -61,6 +63,11 @@ function renderChatMessage(body, from, allowEmojiRender) {
     </div>
   );
 
+  EntryDom.propTypes = {
+    callback: PropTypes.func
+  };
+  
+
   return new Promise((resolve, reject) => {
     const root = createRoot(el);
     root.render(