Typescript type error trying to use with react-router

Type ‘{ path: string; render: () => Element; }’ is not assignable to type ‘IntrinsicAttributes & (PathRouteProps | LayoutRouteProps | IndexRouteProps)’.
Property ‘render’ does not exist on type ‘IntrinsicAttributes & (PathRouteProps | LayoutRouteProps | IndexRouteProps)’.

Type ‘{ path: string; render: () => Element; }’ is not assignable to type ‘IntrinsicAttributes & (PathRouteProps | LayoutRouteProps | IndexRouteProps)’.
Property ‘render’ does not exist on type ‘IntrinsicAttributes & (PathRouteProps | LayoutRouteProps | IndexRouteProps)’.
13 |
14 |
> 15 | <Route path=“/plasmic-host” render={() => } />
| ^^^^^^
16 |
17 |
18 | );

I keep getting this error, I copied the layout in plasmic app, I just needed to understand why I am getting this error

if you’re using react-router v6, try using element instead:

<Route path="/plasmic-host" element={<PlasmicCanvasHost />} />

okay Will try