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 (