From 2b0cecfb96e1cd89a481d66cb671ac97067ca335 Mon Sep 17 00:00:00 2001
From: "create-issue-branch[bot]"
 <53036503+create-issue-branch[bot]@users.noreply.github.com>
Date: Thu, 7 Mar 2024 14:34:10 +0000
Subject: [PATCH] Spike: Figure out if `pyodide` will work in the web component
 (#945)

closes #944

---------

Co-authored-by: create-issue-branch[bot] <53036503+create-issue-branch[bot]@users.noreply.github.com>
Co-authored-by: Lois Wells <88904316+loiswells97@users.noreply.github.com>
Co-authored-by: Lois Wells <lois.wells@raspberrypi.org>
---
 CHANGELOG.md                                                | 4 ++++
 .../Editor/Runners/PyodideRunner/PyodideRunner.jsx          | 6 ++++--
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 6da203306..507d1a784 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -6,6 +6,10 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 
 ## Unreleased
 
+### Fixed
+
+- Get `pyodide` working in the web component (#945)
+
 ## [0.22.1] - 2024-02-23
 
 ### Fixed
diff --git a/src/components/Editor/Runners/PyodideRunner/PyodideRunner.jsx b/src/components/Editor/Runners/PyodideRunner/PyodideRunner.jsx
index 6c74c1f35..937dd6573 100644
--- a/src/components/Editor/Runners/PyodideRunner/PyodideRunner.jsx
+++ b/src/components/Editor/Runners/PyodideRunner/PyodideRunner.jsx
@@ -2,7 +2,7 @@
 /* eslint-disable react-hooks/exhaustive-deps */
 
 import "../../../../assets/stylesheets/PythonRunner.scss";
-import { useContext, useEffect, useMemo, useRef, useState } from "react";
+import React, { useContext, useEffect, useMemo, useRef, useState } from "react";
 import { useDispatch, useSelector } from "react-redux";
 import { useTranslation } from "react-i18next";
 import {
@@ -186,7 +186,9 @@ const PyodideRunner = () => {
 
     const program = projectCode[0].content;
 
-    interruptBuffer.current[0] = 0; // Clear previous signals.
+    if (interruptBuffer.current) {
+      interruptBuffer.current[0] = 0; // Clear previous signals.
+    }
     pyodideWorker.postMessage({ method: "runPython", python: program });
   };