various fixes

src/generator/index.tsx

@@ -76,7 +76,7 @@ export default async function Messages({ messages, channel, callbacks, ...option
       {/* body */}
       <Suspense>
         {messages.map((message) => (
-          <DiscordMessage message={message} context={{ messages, channel, callbacks, ...options }} />
+          <DiscordMessage message={message} context={{ messages, channel, callbacks, ...options }} key={message.id} />
         ))}
       </Suspense>
 

src/utils/embeds.ts

@@ -1,21 +1,17 @@
 import type { APIEmbedField } from 'discord.js';
 
-export const calculateAmountOfTrue = (array: boolean[]) => {
-  // get the amount of true values before endIndex, stopping at the first false value
-  for (let i = array.length - 1; i >= 0; i--) {
-    if (!array[i]) {
-      return array.length - i;
-    }
-  }
-
-  return array.length - 1;
-};
-
 export function calculateInlineIndex(fields: APIEmbedField[], currentFieldIndex: number) {
-  // get the amount of inline fields before the current field without gaps
-  const inlineFieldsBefore = fields.slice(0, currentFieldIndex).map((e) => e.inline ?? false);
+  const startIndex = currentFieldIndex - 1;
 
-  const amount = calculateAmountOfTrue(inlineFieldsBefore) + 1;
+  for (let i = startIndex; i >= 0; i--) {
+    const field = fields[i];
+    if (!field) continue;
+
+    if (field.inline === false) {
+      const amount = startIndex - i;
+      return (amount % 3) + 1;
+    }
+  }
 
-  return (amount % 3) + 1;
+  return (currentFieldIndex % 3) + 1;
 }