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

Refs #7497
swagger-api · Nov 3, 2021 · 8553943 · 8553943
1 parent e2b33a8
commit 8553943
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 () {