diff --git a/src/widgets/search-box/search-box.js b/src/widgets/search-box/search-box.js
index 68e9db33de..12a1e162d9 100644
--- a/src/widgets/search-box/search-box.js
+++ b/src/widgets/search-box/search-box.js
@@ -1,4 +1,4 @@
-import React, { render } from 'preact-compat';
+import React, { render, unmountComponentAtNode } from 'preact-compat';
 import cx from 'classnames';
 import {
   getContainerNode,
@@ -43,12 +43,6 @@ const renderer = ({
   );
 };
 
-const disposer = containerNode => () => {
-  const range = document.createRange(); // IE10+
-  range.selectNodeContents(containerNode);
-  range.deleteContents();
-};
-
 /**
  * @typedef {Ojbect} SearchBoxTemplates
  * @property {function|string} submit Template used for displaying the submit. Can accept a function or a Hogan string.
@@ -177,9 +171,8 @@ You may want to migrate using \`connectSearchBox\`: ${createDocumentationLink({
     showLoadingIndicator,
   });
 
-  const makeWidget = connectSearchBox(
-    specializedRenderer,
-    disposer(containerNode)
+  const makeWidget = connectSearchBox(specializedRenderer, () =>
+    unmountComponentAtNode(containerNode)
   );
 
   return makeWidget({ queryHook });