diff --git a/src/components/Layouts.jsx/MainLayout.jsx b/src/components/Layouts.jsx/MainLayout.jsx
index 35b1c9b0..0f7d31be 100644
--- a/src/components/Layouts.jsx/MainLayout.jsx
+++ b/src/components/Layouts.jsx/MainLayout.jsx
@@ -882,7 +882,7 @@ const MainLayout = (props) => {
/>
) : (
)}
diff --git a/src/components/Practice/Mechanics5.jsx b/src/components/Practice/Mechanics5.jsx
index 435a82e7..8642c907 100644
--- a/src/components/Practice/Mechanics5.jsx
+++ b/src/components/Practice/Mechanics5.jsx
@@ -11,7 +11,7 @@ const Mechanics5 = ({
isDiscover,
header,
parentWords,
- options,
+ options = {},
image,
question_audio,
handleNext,
@@ -63,7 +63,8 @@ const Mechanics5 = ({
const updateStoredData = (audios, isCorrect) => {
if (audios) {
const newEntry = {
- selectedAnswer: options[selectedOption]?.text,
+ selectedAnswer:
+ options && options.length > 0 && options[selectedOption]?.text,
audioUrl: audios,
correctAnswer: isCorrect,
};
@@ -218,7 +219,7 @@ const Mechanics5 = ({
- {options.length &&
+ {options && options.length > 0 ? (
options.map((option, i) => (