diff --git a/packages/core/repl.mjs b/packages/core/repl.mjs
index 0e19e8002..58a3532c2 100644
--- a/packages/core/repl.mjs
+++ b/packages/core/repl.mjs
@@ -137,7 +137,9 @@ export function repl({
 
   // TODO - not documented as jsdoc examples as the test framework doesn't simulate enough context for `each` and `all`..
 
-  /** Applies a function to all the running patterns. Note that the patterns are groups together into a single `stack` before the function is applied. This is probably what you want, but see `each` for
+  let allTransforms = [];
+  /**
+   * Applies a function to all the running patterns. Note that the patterns are groups together into a single `stack` before the function is applied. This is probably what you want, but see `each` for
    * a version that applies the function to each pattern separately.
    * ```
    * $: sound("bd - cp sd")
@@ -152,7 +154,6 @@ export function repl({
    *
    * @tags combiners
    */
-  let allTransforms = [];
   const all = function (transform) {
     allTransforms.push(transform);
     return silence;
diff --git a/website/src/repl/components/panel/Reference.jsx b/website/src/repl/components/panel/Reference.jsx
index 24d4a6773..8a018ff90 100644
--- a/website/src/repl/components/panel/Reference.jsx
+++ b/website/src/repl/components/panel/Reference.jsx
@@ -1,4 +1,4 @@
-import { useEffect, useMemo, useState } from 'react';
+import { useEffect, useMemo, useState, Fragment } from 'react';
 
 import jsdocJson from '../../../../../doc.json';
 import { Textbox } from '../textbox/Textbox';
@@ -147,9 +147,8 @@ export function Reference() {
         )}
         <div className="flex flex-col h-full overflow-y-auto gap-1.5 bg-background bg-opacity-50 rounded-md">
           {searchVisibleFunctions.map((entry, i) => (
-            <>
+            <Fragment key={`entry-${entry.name}`}>
               <a
-                key={`entry-${entry.name}`}
                 className={
                   'cursor-pointer flex-none hover:bg-lineHighlight overflow-x-hidden px-1 text-ellipsis ' +
                   (entry.name === selectedFunction ? 'bg-lineHighlight font-bold' : '')
@@ -164,7 +163,7 @@ export function Reference() {
               >
                 {entry.name}
               </a>{' '}
-            </>
+            </Fragment>
           ))}
         </div>
       </div>