Accessibility issue: links inside MenuItem break the menu accessibility

[Ke1sy]

Issue:
If the MunuItem has a link inside, it brokes the accessibility. During keyboard navigation (up/down keys) when you reach the MenuItem with :

1. the focus becomes broken, the next or previous items not recieve the focus
2. navigation allows you to go out of menu (but it shouldn't go outside)

Menu code:

const children1 = [
  <MenuItem key="1">Text 1</MenuItem>,
  <MenuItem key="2"><a href={'/'}>Link is here</a></MenuItem>,
  <MenuItem key="3" >
    3
  </MenuItem>,
  <MenuItem key="4">Text 4</MenuItem>,
];

How to test:

1. Reach the menu with Tab key
2. Navigate with down arrow key through menu items
3. After reaching the MenuItem with <a> continue navigating with down/up arrow key

NVDA log:
menu
Text 1 1 of 4
Link is here visited link menu item
menu item 3
menu item Text 4
out of menu heading level 3 inline