diff --git a/packages/components/react/src/Panels/EditorPanel.tsx b/packages/components/react/src/Panels/EditorPanel.tsx
index f11a767d..4e9a3923 100644
--- a/packages/components/react/src/Panels/EditorPanel.tsx
+++ b/packages/components/react/src/Panels/EditorPanel.tsx
@@ -125,7 +125,7 @@ function FileTab({ i18n, editorDocument, helpAction, onHelpClick }: FileTabProps
         <span className="text-sm">{fileName}</span>
       </div>
       {!!helpAction && (
-        <button onClick={onHelpClick} className="panel-button px-2 py-0.5 -mr-1 -my-1">
+        <button onClick={onHelpClick} disabled={!onHelpClick} className="panel-button px-2 py-0.5 -mr-1 -my-1">
           {helpAction === 'solve' && <div className="i-ph-lightbulb-duotone text-lg" />}
           {helpAction === 'solve' && i18n.solveButtonText}
           {helpAction === 'reset' && <div className="i-ph-clock-counter-clockwise-duotone" />}
diff --git a/packages/components/react/src/Panels/WorkspacePanel.tsx b/packages/components/react/src/Panels/WorkspacePanel.tsx
index 5062ccbb..bb3f028b 100644
--- a/packages/components/react/src/Panels/WorkspacePanel.tsx
+++ b/packages/components/react/src/Panels/WorkspacePanel.tsx
@@ -40,6 +40,7 @@ export function WorkspacePanel({ tutorialStore, theme }: Props) {
 
   const selectedFile = useStore(tutorialStore.selectedFile);
   const currentDocument = useStore(tutorialStore.currentDocument);
+  const lessonFullyLoaded = useStore(tutorialStore.lessonFullyLoaded);
 
   const lesson = tutorialStore.lesson!;
 
@@ -162,7 +163,7 @@ export function WorkspacePanel({ tutorialStore, theme }: Props) {
           i18n={lesson.data.i18n as I18n}
           hideRoot={lesson.data.hideRoot}
           helpAction={helpAction}
-          onHelpClick={onHelpClick}
+          onHelpClick={lessonFullyLoaded ? onHelpClick : undefined}
           onFileSelect={onFileSelect}
           selectedFile={selectedFile}
           onEditorScroll={onEditorScroll}