From 6c85f49f0914736c13eb5800226f9e37ff8a80e0 Mon Sep 17 00:00:00 2001
From: Angatupyry <fierrofenix@gmail.com>
Date: Tue, 1 Aug 2023 11:44:26 -0400
Subject: [PATCH] Use React create portal to avoid react 18 warning rerender

Signed-off-by: Angatupyry <fierrofenix@gmail.com>
---
 .../react-components/lib/map/trajectory-time-control.tsx     | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/packages/react-components/lib/map/trajectory-time-control.tsx b/packages/react-components/lib/map/trajectory-time-control.tsx
index 73c193778..01a1fddca 100644
--- a/packages/react-components/lib/map/trajectory-time-control.tsx
+++ b/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;