declear GridEditModalFc

packages/app/src/components/PageEditor/GridEditModal.jsx

@@ -1,12 +1,15 @@
 import React from 'react';
+
 import PropTypes from 'prop-types';
+import { useTranslation } from 'react-i18next';
 import {
   Modal, ModalHeader, ModalBody, ModalFooter,
 } from 'reactstrap';
-import { withTranslation } from 'react-i18next';
-import geu from './GridEditorUtil';
+
 import BootstrapGrid from '~/client/models/BootstrapGrid';
 
+import geu from './GridEditorUtil';
+
 const resSizes = BootstrapGrid.ResponsiveSize;
 const resSizeObj = {
   [resSizes.XS_SIZE]: { displayText: 'grid_edit.smart_no' },
@@ -246,8 +249,13 @@ class GridEditModal extends React.Component {
 
 }
 
+const GridEditModalFc = (props) => {
+  const { t } = useTranslation();
+  return <GridEditModal t={t} {...props} />;
+};
+
 GridEditModal.propTypes = {
   onSave: PropTypes.func,
   t: PropTypes.func.isRequired,
 };
-export default withTranslation('translation', { withRef: true })(GridEditModal);
+export default GridEditModalFc;