So to make things clear and simple :
I have an AddUser Component to be shown on my AdminDash component after clicking my Add User Item, everything is shown on my AdminDash,
My AdminDash contains a SideMenu, SideMenu contains Items, Items contains list of Item let me show you the tree :

1. AddUser.

2. AdminDash:

   • SideMenu:
     • Items:
       1. Item.
       2. Item.
       3. Item.

AdminDash

//Some code
<SideMenu />
//Here where I want to show my addUser Component

SideMenu

//Some code
<Items />

Items

//Some code
<Item Name="addUser" />
<Item Name="deleteUser" />
<Item Name="updateUser" />

Item

<ul>
  <li   
onClick={I WANT TO SHOW MY ADDUSER COMPONENT}
>
    <div> {props.Name} </div>
  </li>
</ul>

AddUser

//Some random code 
<p> this is the add user component</p>

So whenever I click an item like AddUser I want its component to show on my Admin Dash, any hint?