BrowserRouter - Type '{ children: Element; }' has no properties in common with type 'IntrinsicAttributes

I have upgraded the react version to 18 and getting some type error from BrowserRouter component, Tried different approach and not able to recognize what's the problem is.

Below is the error when I am debugging the code,

     Overload 1 of 2, '(props: BrowserRouterProps | Readonly<BrowserRouterProps>): BrowserRouter', gave the following error.
    Type '{ children: Element; }' has no properties in common with type 'IntrinsicAttributes & IntrinsicClassAttributes<BrowserRouter> & Readonly<BrowserRouterProps>'.
  Overload 2 of 2, '(props: BrowserRouterProps, context: any): BrowserRouter', gave the following error.
    Type '{ children: Element; }' has no properties in common with type 'IntrinsicAttributes & IntrinsicClassAttributes<BrowserRouter> & Readonly<BrowserRouterProps>'.

A helping hand would be really appreciated.