Este es el código que estoy usando. No puedo representar componentes en div con el mismo nombre de clase, pero es extraño, si estoy usando divs, uno con id y otro con clase, se está procesando bien. Si agrego el tercero, no se está renderizando.
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script> <title>React App</title> </head> <body> <div class="team-container"></div> <div id="a" ></div> <div id="b" ></div> <div id="c" ></div> <div id="d" class= "team"></div> <script> function renderComponent(id){ $(document).ready(function () { $(id).load( "private component url link" ); // Handler for .ready() called. }); } //renderComponent("#a") renderComponent("#d") renderComponent(".team-container") </script> </body> </html>