Fixed messages.

components/metrics/BrowsersTable.js

@@ -1,9 +1,11 @@
-import { FormattedMessage } from 'react-intl';
 import FilterLink from 'components/common/FilterLink';
 import MetricsTable from 'components/metrics/MetricsTable';
 import { BROWSERS } from 'lib/constants';
+import useMessages from 'hooks/useMessages';
 
 export default function BrowsersTable({ websiteId, ...props }) {
+  const { formatMessage, labels } = useMessages();
+
   function renderLink({ x: browser }) {
     return <FilterLink id="browser" value={browser} label={BROWSERS[browser] || browser} />;
   }
@@ -11,9 +13,9 @@ export default function BrowsersTable({ websiteId, ...props }) {
   return (
     <MetricsTable
       {...props}
-      title={<FormattedMessage id="metrics.browsers" defaultMessage="Browsers" />}
+      title={formatMessage(labels.browsers)}
       type="browser"
-      metric={<FormattedMessage id="metrics.visitors" defaultMessage="Visitors" />}
+      metric={formatMessage(labels.visitors)}
       websiteId={websiteId}
       renderLabel={renderLink}
     />