1 files changed, 7 insertions, 4 deletions

diff --git a/src/components/ui/Radio.tsx b/src/components/ui/Radio.tsx
index b5be64c5d..1f41deedc 100644
--- a/src/components/ui/Radio.tsx
+++ b/src/components/ui/Radio.tsx
@@ -1,10 +1,11 @@
 import { Component } from 'react';
 import { observer } from 'mobx-react';
-import { Field } from 'mobx-react-form';
 import classnames from 'classnames';
+import FieldInterface from 'mobx-react-form/lib/models/FieldInterface';
+import Error from './error';
 
 type Props = {
-  field: typeof Field;
+  field: FieldInterface;
   className: string;
   focus: boolean;
   showLabel: boolean;
@@ -47,7 +48,8 @@ class Radio extends Component<Props> {
           </label>
         )}
         <div className="franz-form__radio-wrapper">
-          {field.options.map(type => (
+          {/* @ts-expect-error Property 'map' does not exist on type 'OptionsModel'. */}
+          {field.options?.map(type => (
             <label
               key={type.value}
               htmlFor={`${field.id}-${type.value}`}
@@ -68,7 +70,8 @@ class Radio extends Component<Props> {
             </label>
           ))}
         </div>
-        {field.error && <div className="franz-form__error">{field.error}</div>}
+
+        {field.error && <Error message={field.error} />}
       </div>
     );
   }