Antd applying CSS classes when used in child component (React).

I was trying to render a menu using a component (A) and pass that menu (component A) to another component (B) using a middle component (M) which in turn will pass it to Dropdown component (included in B) as props. The problem was that react was applying Menu CSS classes instead of Dropdown menu classes to menu which was returned from component A. To correct it, I had to only render the Menu.Items and not complete menu from my first component (A) which was returning the complete menu. And in the component M I have to wrap the Menu.Items array returned from component A in <Menu>. This way the Menu didn’t had the classes of default Menu.