title: Set hover for CDropdown react coreui
body: <p>I'm using react core ui template for my web. I have a problem when hovering CDropdown off coreui to open the dropdown for logout. I'm trying to add onMouseOver and onMouseLeave to CDropdown but it can't run.</p>
  <pre><code>&lt;CDropdown
          inNav
          direction=&quot;down&quot;
          onMouseEnter={() =&gt; setIsHovered(true)}
          onMouseLeave={() =&gt; setIsHovered(false)}
          onToggle={() =&gt; setIsClicked(!isClicked)}
          visible={isClicked || isHovered}
        &gt;
          &lt;CDropdownToggle
            caret={false}
          &gt;
            &lt;div&gt;
              &lt;CImg
                src=&quot;#&quot;
                width=&quot;35px&quot;
                height=&quot;35px&quot;
                style={{
                  borderRadius: &quot;40px&quot;,
                  marginRight: &quot;10px&quot;,
                }}
              /&gt;
            &lt;/div&gt;
          &lt;/CDropdownToggle&gt;
          &lt;CDropdownMenu &gt;
            &lt;CDropdownItem divider /&gt;
            &lt;CDropdownItem onClick={SignOut}&gt;
              &lt;CIcon name=&quot;cil-lock-locked&quot; className=&quot;mfe-2&quot; /&gt;
              Log out
            &lt;/CDropdownItem&gt;
          &lt;/CDropdownMenu&gt;
  &lt;/CDropdown&gt;
  </code></pre>