fix: empty fragment in react component made the key= prop yell (#8704)

fix: the empty fragment with the text and spacer made the key= yell

Author: nadr0

src/components/Thinking.tsx

@@ -341,10 +341,10 @@ const fromDataToComponent = (
     switch (type) {
       case 'text': {
         return (
-          <>
-            <Text key={options.key} content={thought.reasoning.content} />
+          <div key={options.key}>
+            <Text content={thought.reasoning.content} />
             <Spacer />
-          </>
+          </div>
         )
       }
       case 'markdown': {