Revoke outdated blob urls.

Author: lindapaiste

client/modules/Preview/EmbedFrame.jsx

@@ -1,3 +1,4 @@
+import blobUtil from 'blob-util';
 import PropTypes from 'prop-types';
 import React, { useRef, useEffect, useMemo } from 'react';
 import styled from 'styled-components';
@@ -276,6 +277,7 @@ function getHtmlFile(files) {
 function EmbedFrame({ files, isPlaying, basePath, gridOutput, textOutput }) {
   const iframe = useRef();
   const htmlFile = useMemo(() => getHtmlFile(files), [files]);
+  const srcRef = useRef();
 
   useEffect(() => {
     const unsubscribe = registerFrame(
@@ -300,6 +302,10 @@ function EmbedFrame({ files, isPlaying, basePath, gridOutput, textOutput }) {
         content: htmlDoc
       };
       const htmlUrl = createBlobUrl(generatedHtmlFile);
+      if (srcRef.current) {
+        blobUtil.revokeObjectURL(srcRef.current);
+      }
+      srcRef.current = htmlUrl;
       // BRO FOR SOME REASON YOU HAVE TO DO THIS TO GET IT TO WORK ON SAFARI
       setTimeout(() => {
         doc.src = htmlUrl;