Add finalIframeUriPrefix

Author: markmiro

packages/components/src/OutputTypesDemoPage.tsx

@@ -30,6 +30,8 @@ const createOutput = (
 export const OutputTypesDemoPage: React.FC<{ iframeUri: string }> = ({
   iframeUri,
 }) => {
+  const finalIframeUriPrefix = iframeUri ?? ".";
+
   // Terminal outputs
   const stdoutOutput: OutputData = createOutput("terminal-stdout", "terminal", {
     streamName: "stdout",
@@ -313,10 +315,10 @@ def hello():
                 {section.type === "html" || section.type === "svg" ? (
                   <div className="border border-dotted border-gray-300">
                     <pre className="bg-gray-100 p-1 text-xs">
-                      {iframeUri}/react.html
+                      {finalIframeUriPrefix}/react.html
                     </pre>
                     <IframeOutput
-                      iframeUri={iframeUri ?? "."}
+                      iframeUri={finalIframeUriPrefix}
                       outputs={section.outputs}
                       className="min-h-[200px] w-full"
                       isReact={true}