chore: update

packages/ark/package.json

@@ -18,7 +18,7 @@
 		"@radix-ui/react-hover-card": "^1.0.7",
 		"@radix-ui/react-popover": "^1.0.7",
 		"@radix-ui/react-tooltip": "^1.0.7",
-		"@tanstack/react-query": "^5.17.8",
+		"@tanstack/react-query": "^5.17.9",
 		"@tauri-apps/api": "2.0.0-alpha.13",
 		"@tauri-apps/plugin-clipboard-manager": "2.0.0-alpha.5",
 		"@tauri-apps/plugin-dialog": "2.0.0-alpha.5",
@@ -32,7 +32,8 @@
 		"@vidstack/react": "^1.9.8",
 		"get-urls": "^12.1.0",
 		"jotai": "^2.6.1",
-		"markdown-to-jsx": "^7.4.0",
+		"linkify-react": "^4.1.3",
+		"linkifyjs": "^4.1.3",
 		"minidenticons": "^4.2.0",
 		"nanoid": "^5.0.4",
 		"nostr-fetch": "^0.15.0",
@@ -41,7 +42,7 @@
 		"re-resizable": "^6.9.11",
 		"react": "^18.2.0",
 		"react-currency-input-field": "^3.6.14",
-		"react-router-dom": "^6.21.1",
+		"react-router-dom": "^6.21.2",
 		"react-string-replace": "^1.1.1",
 		"sonner": "^1.3.1",
 		"tippy.js": "^6.3.7",

packages/ark/src/provider.tsx

@@ -10,13 +10,12 @@ import NDK, {
 	NDKRelay,
 	NDKRelayAuthPolicies,
 } from "@nostr-dev-kit/ndk";
-import { useQueryClient } from "@tanstack/react-query";
 import { fetch } from "@tauri-apps/plugin-http";
 import { locale, platform } from "@tauri-apps/plugin-os";
 import { relaunch } from "@tauri-apps/plugin-process";
 import Database from "@tauri-apps/plugin-sql";
 import { check } from "@tauri-apps/plugin-updater";
-import Markdown from "markdown-to-jsx";
+import Linkify from "linkify-react";
 import { normalizeRelayUrl, normalizeRelayUrlSet } from "nostr-fetch";
 import { PropsWithChildren, useEffect, useState } from "react";
 import { createContext, useContextSelector } from "use-context-selector";
@@ -231,21 +230,16 @@ const LumeProvider = ({ children }: PropsWithChildren<object>) => {
 			>
 				<div className="flex flex-col items-start max-w-2xl gap-1">
 					<h5 className="font-semibold uppercase">TIP:</h5>
-					<Markdown
+					<Linkify
 						options={{
-							overrides: {
-								a: {
-									props: {
-										className: "text-blue-500 hover:text-blue-600",
-										target: "_blank",
-									},
-								},
-							},
+							target: "_blank",
+							className: "text-blue-500 hover:text-blue-600",
 						}}
-						className="text-4xl font-semibold leading-snug text-neutral-300 dark:text-neutral-700"
 					>
-						{QUOTES[Math.floor(Math.random() * QUOTES.length)]}
-					</Markdown>
+						<div className="text-4xl font-semibold leading-snug text-neutral-300 dark:text-neutral-700">
+							{QUOTES[Math.floor(Math.random() * QUOTES.length)]}
+						</div>
+					</Linkify>
 				</div>
 				<div className="absolute bottom-5 right-5 inline-flex items-center gap-2.5">
 					<LoaderIcon className="w-6 h-6 text-blue-500 animate-spin" />