fix: only render sources with metadata

templates/types/streaming/nextjs/app/components/ui/chat/chat-sources.tsx

@@ -11,6 +11,7 @@ export function ChatSources({ data }: { data: SourceData }) {
   const sources = useMemo(() => {
     return (
       data.nodes
+        ?.filter((node) => Object.keys(node.metadata).length > 0)
         ?.filter((node) => (node.score ?? 1) > SCORE_THRESHOLD)
         .sort((a, b) => (b.score ?? 1) - (a.score ?? 1)) || []
     );
@@ -84,5 +85,10 @@ function NodeInfo({ node }: { node: SourceNode }) {
 
   // node generated by unknown loader, implement renderer by analyzing logged out metadata
   console.log("Node metadata", node.metadata);
-  return <p>Sorry, unknown node type. Please add a new renderer.</p>;
+  return (
+    <p>
+      Sorry, unknown node type. Please add a new renderer in the NodeInfo
+      component.
+    </p>
+  );
 }