2 files changed, 5 insertions, 2 deletions
diff --git a/modern/src/attributes/AddAttributeDialog.js b/modern/src/attributes/AddAttributeDialog.js
index 3d392fd5..4669ba02 100644
--- a/modern/src/attributes/AddAttributeDialog.js
+++ b/modern/src/attributes/AddAttributeDialog.js
@@ -4,9 +4,11 @@ import {
 } from '@material-ui/core';
 
 import { Autocomplete, createFilterOptions } from '@material-ui/lab';
-import t from '../LocalizationProvider';
+import { useTranslation } from '../LocalizationProvider';
 
 const AddAttributeDialog = ({ open, onResult, definitions }) => {
+  const t = useTranslation();
+
   const filter = createFilterOptions({
     stringify: (option) => option.name,
   });
diff --git a/modern/src/attributes/EditAttributesView.js b/modern/src/attributes/EditAttributesView.js
index 68395d9c..e8ab83e1 100644
--- a/modern/src/attributes/EditAttributesView.js
+++ b/modern/src/attributes/EditAttributesView.js
@@ -5,8 +5,8 @@ import {
 } from '@material-ui/core';
 import CloseIcon from '@material-ui/icons/Close';
 import AddIcon from '@material-ui/icons/Add';
-import t from '../LocalizationProvider';
 import AddAttributeDialog from './AddAttributeDialog';
+import { useTranslation } from '../LocalizationProvider';
 
 const useStyles = makeStyles((theme) => ({
   addButton: {
@@ -20,6 +20,7 @@ const useStyles = makeStyles((theme) => ({
 
 const EditAttributesView = ({ attributes, setAttributes, definitions }) => {
   const classes = useStyles();
+  const t = useTranslation();
 
   const [addDialogShown, setAddDialogShown] = useState(false);