fix: dont fail to render with invalid URLs

src/element/Text.js

@@ -12,6 +12,7 @@ import './Text.css'
 import { useMemo } from "react";
 
 function transformHttpLink(a) {
+    try {
         const url = new URL(a);
         const youtubeId = YoutubeUrlRegex.test(a) && RegExp.$1;
         const tweetId = TweetUrlRegex.test(a) && RegExp.$2;
@@ -38,7 +39,7 @@ function transformHttpLink(a) {
             }
         } else if (tweetId) {
           return (
-        <div className="tweet">
+            <div className="tweet" key={tweetId}>
               <TwitterTweetEmbed tweetId={tweetId} />
             </div>
           )
@@ -50,6 +51,7 @@ function transformHttpLink(a) {
                         className="w-max"
                         src={`https://www.youtube.com/embed/${youtubeId}`}
                         title="YouTube video player"
+                        key={youtubeId}
                         frameBorder="0"
                         allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
                         allowFullScreen=""
@@ -60,6 +62,8 @@ function transformHttpLink(a) {
         } else {
             return <a href={a} onClick={(e) => e.stopPropagation()}>{a}</a>
         }
+    } catch (error) {
+    }
     return <a href={a} onClick={(e) => e.stopPropagation()}>{a}</a>
 }