Catch invoice parsing errors

src/element/Invoice.js

@@ -1,19 +1,21 @@
 import "./Invoice.css";
 import { decode as invoiceDecode } from "light-bolt11-decoder";
 import { useMemo } from "react";
-import { useNavigate } from "react-router-dom";
 
 export default function Invoice(props) {
     const invoice = props.invoice;
-    const navigate = useNavigate();
 
     const info = useMemo(() => {
+        try {
             let parsed = invoiceDecode(invoice);
 
             let amount = parseInt(parsed.sections.find(a => a.name === "amount")?.value);
             return {
                 amount: !isNaN(amount) ? (amount / 1000) : null
             }
+        } catch (e) {
+            console.error(e);
+        }
     }, [invoice]);
 
     return (