Use React create portal to avoid react 18 warning rerender

Signed-off-by: Angatupyry <fierrofenix@gmail.com>

packages/react-components/lib/map/trajectory-time-control.tsx

@@ -5,6 +5,7 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 import { MapControl, MapControlProps, withLeaflet } from 'react-leaflet';
 import { PositiveIntField } from '../form-inputs';
+import { createPortal } from 'react-dom';
 
 const classes = {
   root: 'traj-time-control-root',
@@ -105,7 +106,7 @@ export class BaseTrajectoryTimeControl extends MapControl<TrajectoryTimeControlP
   createLeafletElement(props: TrajectoryTimeControlProps): Leaflet.Control {
     const LeafletControl = Leaflet.Control.extend({
       onAdd: () => {
-        ReactDOM.render(<Component {...props} />, this._container);
+        ReactDOM.createPortal(<Component {...props} />, this._container);
         // FIXME: react <= 16 installs event handlers on the root document. Stopping propagation
         // of the events on the container will stop react from receiving these events, but not
         // stopping them causes them to propagate to leaflet, causing weird behavior when
@@ -121,7 +122,7 @@ export class BaseTrajectoryTimeControl extends MapControl<TrajectoryTimeControlP
     _fromProps: TrajectoryTimeControlProps,
     toProps: TrajectoryTimeControlProps,
   ): void {
-    ReactDOM.render(<Component {...toProps} />, this._container);
+    ReactDOM.createPortal(<Component {...toProps} />, this._container);
   }
 
   private _container: HTMLElement;