diff --git a/src/editors/containers/ProblemEditor/components/EditProblemView/AnswerWidget/AnswerOption.jsx b/src/editors/containers/ProblemEditor/components/EditProblemView/AnswerWidget/AnswerOption.jsx
index 1420125ea..5fffc0de6 100644
--- a/src/editors/containers/ProblemEditor/components/EditProblemView/AnswerWidget/AnswerOption.jsx
+++ b/src/editors/containers/ProblemEditor/components/EditProblemView/AnswerWidget/AnswerOption.jsx
@@ -73,7 +73,7 @@ const AnswerOption = ({
 
     if (problemType !== ProblemTypeKeys.NUMERIC || !answer.isAnswerRange) {
       return (
-        <Form.Group isInvalid={!data?.isValid ?? true}>
+        <Form.Group isInvalid={!data?.isValid}>
           <Form.Control
             as="textarea"
             className="answer-option-textarea text-gray-500 small"
@@ -89,7 +89,7 @@ const AnswerOption = ({
             placeholder={intl.formatMessage(messages.answerTextboxPlaceholder)}
 
           />
-          {(!data?.isValid ?? true) && (
+          {(!data?.isValid) && (
           <Form.Control.Feedback type="invalid">
             <FormattedMessage {...messages.answerNumericErrorText} />
           </Form.Control.Feedback>
diff --git a/src/editors/containers/ProblemEditor/data/apiHooks.ts b/src/editors/containers/ProblemEditor/data/apiHooks.ts
index 610ffa847..e565103d1 100644
--- a/src/editors/containers/ProblemEditor/data/apiHooks.ts
+++ b/src/editors/containers/ProblemEditor/data/apiHooks.ts
@@ -4,8 +4,14 @@ import api from '@src/editors/data/services/cms/api';
 
 const getApiBaseUrl = () => getConfig().STUDIO_BASE_URL;
 
+interface ValidationResult {
+  isValid: boolean;
+  error?: string;
+  preview?: string;
+}
+
 export const useValidateInputBlock = () => useMutation({
-  mutationFn: async (title : string) => {
+  mutationFn: async (title : string): Promise<ValidationResult> => {
     try {
       const res = await api.validateBlockNumericInput({ studioEndpointUrl: `${getApiBaseUrl()}`, data: { formula: title } });
       return camelCaseObject(res.data);