Following is my code, I expect append rect to (I wanna dynamic add rect with js not put in component#render), but rect is not shown

       var rect: any = document.createElement("rect")
        rect.setAttribute("x", 0)
        rect.setAttribute("y", 0)
        rect.setAttribute("width", 200)
        rect.setAttribute("height", 100)
        rect.setAttribute("fill", "black")

        var svg: SVGSVGElement
        act(() => {
            ReactDOM.createRoot(document.querySelector("#root")).render(<svg ref={e => svg = e}></svg>)
        })
        svg.appendChild(rect)