I found them when reviewing the code.
I have pointed to the module names and the relevant code lines above.

A quick review of the code and I find these additional errors.

RoutesWithNavigation - this.state = {toggle -- toggle appears to be unused.

in the return { there is - style = {{transition : all .3s)) is unused / doesn't work the prop

className = "white-skin" - is unused

In the template - the Pages link in SideNavigation looks like it has been added on later as it isn't integrated into the template in any way.

Has there been any progress on fixing the issue I reported above with the placement of the <Router> statement and getting the dropdown menu items working?

Unfortunately moving the <Router> statement into RoutesWithNavigation introduces another problem. It fixes the dropdown menu issue but now stops assesslocation from being called with a location value so the top navbar is no longer being updated.

Can you please have somebody take a look at the soloution?

So going back to the original problem. The code you supply in the Admin Pro Template - TopNavigation.js contains this:

<MDBDropdown>
          <MDBDropdownToggle nav caret>
            <MDBIcon icon="user" />{" "}
            <span className="d-none d-md-inline">Profile</span>
          </MDBDropdownToggle>
          <MDBDropdownMenu right style={{ minWidth: "200px" }}>
            <MDBDropdownItem href="#!">Log Out</MDBDropdownItem>
            <MDBDropdownItem href="#!">My Account</MDBDropdownItem>
          </MDBDropdownMenu>
        </MDBDropdown>

If the href='#!' is changed to a valid page such as '/register'. When it runs the entire screen is cleared and re-rendered. That's is a bug and was originally reported some months ago in this ticket https://mdbootstrap.com/support/react/mdbdropdownitem-what-is-the-correct-to-add-a-link-to-this-without-losing-formatting/

If I change the code to not use href - like this: Nothing happens when I click on either of those

<MDBDropdownMenu right style={{ minWidth: "200px" }}>
            <MDBNavLink to="/register">
              <MDBDropdownItem>Register</MDBDropdownItem>
            </MDBNavLink>
            <MDBNavLink to="/login">
              <MDBDropdownItem>Login</MDBDropdownItem>
            </MDBNavLink>
          </MDBDropdownMenu>

If I move the <Router> </Router> out of TopNavigation and put them into RoutesWithNavigation, the dropdown menu item above now works. There is no clearing of the screen and the display works fine. However doing that then stops the assesslocation method from being called so it fixes one problem but introduces another.

I have found the defect.

The REACT Admin Pro Template has a number of defects that you might want to review and look at fixing. This particular problem is caused by there being a <Router> statement in the TopNavigation.js after the return statement.

That <Router> statement needs to be deleted along with its <\Router>and moved after the return statement in RoutesWIthNavigation.js so that it wraps - SideNavigation, TopNavigation, Routes and Copyrights.

You may also want to consider creating a dummy page that you link to in the template instead of using fake links of # throughout the entire code. No validation is done on a link to # so there is no way of knowing if the code works - or doesn't as in this case.

Hi @David J,

Can you check this line, does it works correctly?

<MDBDropdownItem className="m-0 p-0">
    <Link to="/css" className="h-100 w-100 d-block dropdown-item">Action</Link>
</MDBDropdownItem>

But you also need to use react-router-dom in your project. Import Router and Link

Best, Konrad.