♻️ ApiValidatedField example, default imports

src/App.js

@@ -1,7 +1,7 @@
 import React, { lazy, Suspense, useMemo } from 'react'
 import { BrowserRouter as Router, Route, Routes } from 'react-router-dom'
 //import { Test as ComponentTest } from './components/TextLoader'
-import { Example as ComponentTest } from './components/IBANField.example'
+import { Example as ComponentTest } from './components/ApiValidatedField.example'
 
 import {
   createTheme,

src/components/ApiValidatedField.js

@@ -77,4 +77,6 @@ export function ApiValidatedField({
         }} />
     </>
   );
-}
+}
+
+export default ApiValidatedField

src/components/CadastralReferenceField.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { checkCadastralReference } from '../services/api';
 import MapIcon from '@material-ui/icons/Map';
 import { useTranslation } from 'react-i18next';
-import { ApiValidatedField } from './ApiValidatedField';
+import ApiValidatedField from './ApiValidatedField';
 
 export function CadastralReferenceField(props) {
   const { t } = useTranslation();
@@ -39,3 +39,5 @@ export function CadastralReferenceField(props) {
       onChange={onChange} />
   );
 }
+
+export default CadastralReferenceField

src/components/IBANField.js

@@ -2,7 +2,7 @@ import React from 'react'
 import { checkIban } from '../services/api'
 import AccountBalanceOutlinedIcon from '@material-ui/icons/AccountBalanceOutlined'
 import { useTranslation } from 'react-i18next'
-import { ApiValidatedField } from './ApiValidatedField'
+import ApiValidatedField from './ApiValidatedField'
 
 export function IBANField(props) {
   const { t } = useTranslation()