From f19885fdb94b03b3e73fe192b1b97f829867ea2b Mon Sep 17 00:00:00 2001
From: Stephanie Raymos <58127737+stephanieraymos@users.noreply.github.com>
Date: Wed, 4 Aug 2021 11:51:56 -0700
Subject: [PATCH] Comments for understanding tag prop type error

---
 src/components/layout/MainNavbar/NavbarNav/UserActions.js | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/components/layout/MainNavbar/NavbarNav/UserActions.js b/src/components/layout/MainNavbar/NavbarNav/UserActions.js
index 98707075..10369b8a 100644
--- a/src/components/layout/MainNavbar/NavbarNav/UserActions.js
+++ b/src/components/layout/MainNavbar/NavbarNav/UserActions.js
@@ -39,6 +39,11 @@ export default class UserActions extends React.Component {
           <span className="d-none d-md-inline-block">Sierra Brooks</span>
         </DropdownToggle>
         <Collapse tag={DropdownMenu} right small open={this.state.visible}>
+          {/* This tag prop works to link to the correct page, however it's throwing a warning in console 
+          that prop type is not correct. 
+          Link to issue: https://github.com/DesignRevision/shards-dashboard-react/issues/26
+          Docs for Shards React Dropdowns: https://designrevision.com/docs/shards-react/component/dropdown
+          Docs for React Router Link: https://reactrouter.com/web/api/Link */}
           <DropdownItem tag={Link} to="user-profile">
             <i className="material-icons">&#xE7FD;</i> Profile
           </DropdownItem>