Estoy trabajando en una aplicación antigua que solía tener el siguiente index.tsx

 import * as React from 'react'; import * as ReactDOM from 'react-dom'; import { MyApp, MyAppProps } from './components'; function init(element: HTMLElement, options: MyAppProps) { ReactDOM.render(<MyApp {...options} />, element); }

El objeto MyAppProps es una interfaz con pocos valores predeterminados. Como quiero poder cambiar uno de estos valores predeterminados en función de URLParams, pensé en introducir un simple

 const queryParams = new URLSearchParams(window.location.search); const myKey = queryParams.get('myKey')

y luego pasar myKey con una línea como esta

let MyAppProps.key = myKey

Pero no funciona. No puedo entender cómo construir correctamente este fragmento de código. Parece que debería crear un objeto del mismo tipo de interfaz para poder manipularlo, pero todas mis pruebas están fallando.