How to realize … /> in a react-router-dom v6?

I have a modal which depended on a url.

[my modal in jsx][1]    <ModalWindow
                                modalVisible={Boolean(match)}
                                onCloseWindow={this.onCloseWindow}
                                modalContent={modal}
                            />
                        )
                    }}
                />

I am getting an error <A is only ever to be used as the child of element, never rendered directly. Please wrap your in a .>

But i already wrapped all my app in a tag.

export default function AppRouter() {
return (
    <Routes>
        <Route 
            path={"/home"}
            element={<HomeApp />}
        />
        <Route 
            path={"/preview/:id"}
            exact
            element={<HomeApp />}
        />
         <Route
            path={"/fullInfo/:id"}
            exact
            element={<HomeApp />}
         />
        <Route
            path={"*"}
            render={<Navigate to="/home"/>}
        />
    </Routes>
)

}

P.s I am new in a react-router-dom of the new version..