correctly import createRoot func

packages/react-searchbox/examples/advanced-usage/src/index.js

@@ -1,4 +1,4 @@
-import { createRoot } from 'react-dom';
+import { createRoot } from 'react-dom/client';
 import React from 'react';
 import { SearchBase } from '@appbaseio/react-searchbox';
 

packages/react-searchbox/examples/by-usecases/facet-filters/src/index.js

@@ -1,4 +1,4 @@
-import { createRoot } from 'react-dom';
+import { createRoot } from 'react-dom/client';
 import React from 'react';
 
 import App from './App';

packages/react-searchbox/examples/by-usecases/fuzzy-search/src/index.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { createRoot } from 'react-dom';
+import { createRoot } from 'react-dom/client';
 
 import App from './App';
 

packages/react-searchbox/examples/by-usecases/multi-select-facet-with-and-operator/src/index.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { createRoot } from 'react-dom';
+import { createRoot } from 'react-dom/client';
 
 import App from './App';
 

packages/react-searchbox/examples/by-usecases/range-slider/src/index.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { createRoot } from 'react-dom';
+import { createRoot } from 'react-dom/client';
 
 import App from './App';
 

packages/react-searchbox/examples/by-usecases/search-on-autocomplete-fields/src/index.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { createRoot } from 'react-dom';
+import { createRoot } from 'react-dom/client';
 
 import App from './App';
 

packages/react-searchbox/examples/by-usecases/search-with-field-weights/src/index.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { createRoot } from 'react-dom';
+import { createRoot } from 'react-dom/client';
 
 import App from './App';
 

packages/react-searchbox/examples/by-usecases/show-default-suggestions/src/index.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { createRoot } from 'react-dom';
+import { createRoot } from 'react-dom/client';
 
 import App from './App';
 

packages/react-searchbox/examples/by-usecases/show-result-on-each-search-keystroke/src/index.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { createRoot } from 'react-dom';
+import { createRoot } from 'react-dom/client';
 
 import App from './App';
 

packages/react-searchbox/examples/by-usecases/sort-facets/src/index.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { createRoot } from 'react-dom';
+import { createRoot } from 'react-dom/client';
 
 import App from './App';
 

packages/react-searchbox/examples/with-controlled-props/src/index.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { createRoot } from 'react-dom';
+import { createRoot } from 'react-dom/client';
 import { SearchBase } from '@appbaseio/react-searchbox';
 import App from './App';
 

packages/react-searchbox/examples/with-distinct-field-prop/src/index.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { createRoot } from 'react-dom';
+import { createRoot } from 'react-dom/client';
 
 import App from './App';
 

packages/react-searchbox/examples/with-index-prop/src/index.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { createRoot } from 'react-dom';
+import { createRoot } from 'react-dom/client';
 
 import App from './App';
 

packages/react-searchbox/examples/with-popular-suggestions/src/index.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { createRoot } from 'react-dom';
+import { createRoot } from 'react-dom/client';
 import { SearchBase } from '@appbaseio/react-searchbox';
 import App from './App';
 

packages/react-searchbox/examples/with-predictive-suggestions/src/index.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { createRoot } from 'react-dom';
+import { createRoot } from 'react-dom/client';
 import App from './App';
 
 const container = document.getElementById('root');

packages/react-searchbox/examples/with-react-table/src/index.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { createRoot } from 'react-dom';
+import { createRoot } from 'react-dom/client';
 import App from './App';
 
 const container = document.getElementById('root');

packages/react-searchbox/examples/with-recent-suggestions/src/index.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { createRoot } from 'react-dom';
+import { createRoot } from 'react-dom/client';
 import { SearchBase } from '@appbaseio/react-searchbox';
 import App from './App';
 

packages/react-searchbox/examples/with-transform-request-prop/src/index.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { createRoot } from 'react-dom';
+import { createRoot } from 'react-dom/client';
 
 import App from './App';