revert

components/StyledMarkdown.tsx

@@ -39,19 +39,11 @@ export const StyledMarkdown = ({ html }: { html: string }) => {
           props.node.position.start.column === 1
         ){
           return (
-          <div>
-          <iframe
-            src={'https://www.youtube.com/embed/' + url.searchParams.get("v") }
-            width="100%"
-            height="100%"
-            allowFullScreen
-            >
-          </iframe>
-            </div>
+            <YouTube videoId={url.searchParams.get("v") || "dQw4w9WgXcQ"} />
           );
         }
       } catch (e) {
-        console.log(e);
+        //console.log(e);
       }
 
       return <a {...props} />;