Use useMessages hook everywhere.

components/metrics/QueryParametersTable.js

@@ -1,12 +1,11 @@
 import { useState } from 'react';
-import { useIntl } from 'react-intl';
 import { safeDecodeURI } from 'next-basics';
 import Tag from 'components/common/Tag';
 import FilterButtons from 'components/common/FilterButtons';
 import { paramFilter } from 'lib/filters';
 import { FILTER_RAW, FILTER_COMBINED } from 'lib/constants';
-import { labels } from 'components/messages';
 import MetricsTable from './MetricsTable';
+import useMessages from 'hooks/useMessages';
 
 const filters = {
   [FILTER_RAW]: null,
@@ -15,7 +14,7 @@ const filters = {
 
 export default function QueryParametersTable({ websiteId, showFilters, ...props }) {
   const [filter, setFilter] = useState(FILTER_COMBINED);
-  const { formatMessage } = useIntl();
+  const { formatMessage, labels } = useMessages();
 
   const buttons = [
     {