diff --git a/src/renderer/components/Experiment/Train/TrainingModalDataTemplatingTab.tsx b/src/renderer/components/Experiment/Train/TrainingModalDataTemplatingTab.tsx
index 8ab0d34fe599d690f1fba0aae83f9cee6e5c3ada..3e905bba9b08c648421e55f81c40c1264820c43e 100644
--- a/src/renderer/components/Experiment/Train/TrainingModalDataTemplatingTab.tsx
+++ b/src/renderer/components/Experiment/Train/TrainingModalDataTemplatingTab.tsx
@@ -49,8 +49,14 @@ function TrainingModalDataTemplatingTab({
   );
 
   const [debouncedTemplate] = useDebounce(template, 3000);
+  let parsedData;
 
-  const parsedData = data ? JSON.parse(data) : null;
+  try {
+    parsedData = data ? JSON.parse(data) : null;
+  } catch (e) {
+    console.error('Error parsing data', e);
+    parsedData = '';
+  }
 
   function PreviewSection() {
     return (
diff --git a/src/renderer/components/Experiment/Train/TraningModalDataTab.tsx b/src/renderer/components/Experiment/Train/TraningModalDataTab.tsx
index d0afd18a2f11057c7e10f8afb8a2e0f48f5728da..eb8de96b36f57ed29fe63f8f352bfab4e38e2625 100644
--- a/src/renderer/components/Experiment/Train/TraningModalDataTab.tsx
+++ b/src/renderer/components/Experiment/Train/TraningModalDataTab.tsx
@@ -45,7 +45,13 @@ export default function TrainingModalDataTab({
     fetcher
   );
 
-  const parsedData = data ? JSON.parse(data) : null;
+  let parsedData;
+  try {
+    parsedData = data ? JSON.parse(data) : null;
+  } catch (e) {
+    console.error('Error parsing data', e);
+    parsedData = '';
+  }
   return (
     <Box
       sx={{