refactor(highlight-code): add UNSAFE prefix for lifecycle methods

Refs #7497
swagger-api · Nov 2, 2021 · 0045f91 · 0045f91
1 parent 3cfd350
commit 0045f91
Showing 1 changed file with 6 additions and 4 deletions.
diff --git a/src/core/components/highlight-code.jsx b/src/core/components/highlight-code.jsx
@@ -51,12 +51,14 @@ export default class HighlightCode extends Component {
     }
   }
 
-  componentDidMount() {
-    this.#childNodes?.forEach(node => node.addEventListener("mousewheel", this.preventYScrollingBeyondElement, { passive: false }))
+  UNSAFE_componentDidMount() {
+    [this.#syntaxHighlighter, this.#pre]
+    .map(element => element?.addEventListener("mousewheel", this.preventYScrollingBeyondElement, { passive: false }))
   }
 
-  componentWillUnmount() {
-    this.#childNodes?.forEach(node => node.removeEventListener("mousewheel", this.preventYScrollingBeyondElement))
+  UNSAFE_componentWillUnmount() {
+    [this.#syntaxHighlighter, this.#pre]
+    .map(element => element?.removeEventListener("mousewheel", this.preventYScrollingBeyondElement))
   }
 
   render () {