diff --git a/admin/src/components/ConfigDiff/index.js b/admin/src/components/ConfigDiff/index.js
index d2e3375..d80db03 100644
--- a/admin/src/components/ConfigDiff/index.js
+++ b/admin/src/components/ConfigDiff/index.js
@@ -12,8 +12,8 @@ import {
 } from '@strapi/design-system';
 
 const ConfigDiff = ({ isOpen, onClose, oldValue, newValue, configName }) => {
-  if (!isOpen) return null;
   const { formatMessage } = useIntl();
+  if (!isOpen) return null;
 
   return (
     <ModalLayout
diff --git a/admin/src/components/ConfigList/index.js b/admin/src/components/ConfigList/index.js
index 06c0635..ef9ab8a 100644
--- a/admin/src/components/ConfigList/index.js
+++ b/admin/src/components/ConfigList/index.js
@@ -1,4 +1,5 @@
 import React, { useState, useEffect } from 'react';
+import { useIntl } from 'react-intl';
 import { isEmpty } from 'lodash';
 import { useDispatch } from 'react-redux';
 
@@ -19,7 +20,6 @@ import NoChanges from '../NoChanges';
 import ConfigListRow from './ConfigListRow';
 import { setConfigPartialDiffInState } from '../../state/actions/Config';
 
-import { useIntl } from 'react-intl';
 
 const ConfigList = ({ diff, isLoading }) => {
   const [openModal, setOpenModal] = useState(false);
diff --git a/admin/src/components/FirstExport/index.js b/admin/src/components/FirstExport/index.js
index 2ead739..3fbbcc1 100644
--- a/admin/src/components/FirstExport/index.js
+++ b/admin/src/components/FirstExport/index.js
@@ -1,11 +1,11 @@
 import React, { useState } from 'react';
+import { useIntl } from 'react-intl';
 import { useDispatch } from 'react-redux';
 import { NoContent, useNotification } from '@strapi/helper-plugin';
 import { Button } from '@strapi/design-system';
 
 import { exportAllConfig } from '../../state/actions/Config';
 import ConfirmModal from '../ConfirmModal';
-import { useIntl } from 'react-intl';
 
 const FirstExport = () => {
   const toggleNotification = useNotification();