From d3cf0db8a7af9d731caa3bd834ca0f2502abed58 Mon Sep 17 00:00:00 2001 From: Marcy Sutton Date: Wed, 10 Jun 2020 14:57:50 -0700 Subject: [PATCH] fix: add useEffect to Web Components example --- .../react-web-components/src/components/WebComponent.js | 8 +++++--- 1 file changed, 5 insertions(+), 3 deletions(-) diff --git a/examples/react-web-components/src/components/WebComponent.js b/examples/react-web-components/src/components/WebComponent.js index 7fb282d4c..f479f4c7d 100644 --- a/examples/react-web-components/src/components/WebComponent.js +++ b/examples/react-web-components/src/components/WebComponent.js @@ -1,4 +1,4 @@ -import React, {useRef} from 'react' +import React, {useRef, useEffect} from 'react' class ImperativeCounter extends HTMLElement { constructor() { @@ -18,9 +18,11 @@ class ImperativeCounter extends HTMLElement { } } -window.customElements.define('i-counter', ImperativeCounter) - export const RenderCounter = () => { + useEffect(() => { + window.customElements.define('i-counter', ImperativeCounter) + }, []) + const counterElement = useRef(null) return (