diff --git a/packages/malloy-render/src/component/render-webcomponent.ts b/packages/malloy-render/src/component/render-webcomponent.ts
index 226a0e80b..f5bd66d9d 100644
--- a/packages/malloy-render/src/component/render-webcomponent.ts
+++ b/packages/malloy-render/src/component/render-webcomponent.ts
@@ -16,15 +16,21 @@ const withStyles = ComponentType => {
   };
 };
 
-compose(
-  register('malloy-render', {
-    result: undefined,
-    queryResult: undefined,
-    modelDef: undefined,
-  }),
-  withStyles,
-  withSolid
-)(MalloyRender);
+if (!customElements.get('malloy-render')) {
+  compose(
+    register('malloy-render', {
+      result: undefined,
+      queryResult: undefined,
+      modelDef: undefined,
+    }),
+    withStyles,
+    withSolid
+  )(MalloyRender);
+} else {
+  console.warn(
+    "The custom element 'malloy-render' has already been defined. Make sure you are not loading multiple versions of the malloy-render package as they could conflict."
+  );
+}
 
 declare global {
   interface HTMLElementTagNameMap {