diff --git a/app/soapbox/features/account/components/header.js b/app/soapbox/features/account/components/header.js
index 744689830..42fcad65d 100644
--- a/app/soapbox/features/account/components/header.js
+++ b/app/soapbox/features/account/components/header.js
@@ -9,6 +9,7 @@ import ImmutablePureComponent from 'react-immutable-pure-component';
import InlineSVG from 'react-inlinesvg';
import { defineMessages, injectIntl } from 'react-intl';
import { connect } from 'react-redux';
+import { Link } from 'react-router-dom';
import { openModal } from 'soapbox/actions/modals';
import Avatar from 'soapbox/components/avatar';
@@ -612,8 +613,7 @@ class Header extends ImmutablePureComponent {
return ;
} else {
const Comp = menuItem.action ? MenuItem : MenuLink;
- // TODO: Add `as: Link` once React Router is upgraded.
- const itemProps = menuItem.action ? { onSelect: menuItem.action } : { to: menuItem.to, target: menuItem.newTab ? '_blank' : '_self' };
+ const itemProps = menuItem.action ? { onSelect: menuItem.action } : { to: menuItem.to, as: Link, target: menuItem.newTab ? '_blank' : '_self' };
return (
diff --git a/app/soapbox/features/ui/components/profile-dropdown.tsx b/app/soapbox/features/ui/components/profile-dropdown.tsx
index b2aa85e7a..f5a0d355c 100644
--- a/app/soapbox/features/ui/components/profile-dropdown.tsx
+++ b/app/soapbox/features/ui/components/profile-dropdown.tsx
@@ -2,6 +2,7 @@ import throttle from 'lodash/throttle';
import React from 'react';
import { defineMessages, useIntl } from 'react-intl';
import { useDispatch } from 'react-redux';
+import { Link } from 'react-router-dom';
import { logOut, switchAccount } from 'soapbox/actions/auth';
import { fetchOwnAccounts } from 'soapbox/actions/auth';
@@ -115,7 +116,7 @@ const ProfileDropdown: React.FC = ({ account, children }) => {
return ;
} else {
const Comp: any = menuItem.action ? MenuItem : MenuLink;
- const itemProps = menuItem.action ? { onSelect: menuItem.action } : { href: menuItem.to };
+ const itemProps = menuItem.action ? { onSelect: menuItem.action } : { to: menuItem.to, as: Link };
return (