Fixed messages.

components/common/NoData.js

@@ -1,12 +1,12 @@
 import classNames from 'classnames';
-import { FormattedMessage } from 'react-intl';
 import styles from './NoData.module.css';
+import useMessages from 'hooks/useMessages';
 
 function NoData({ className }) {
+  const { formatMessage, messages } = useMessages();
+
   return (
-    <div className={classNames(styles.container, className)}>
-      <FormattedMessage id="message.no-data-available" defaultMessage="No data available." />
-    </div>
+    <div className={classNames(styles.container, className)}>{formatMessage(messages.noData)}</div>
   );
 }