Refactored the message rendering to fix race condition on assistant message

Author: ramsrib

example/src/App.tsx

@@ -45,13 +45,9 @@ function App() {
     assistant: {
       model: {
         provider: 'openai',
-        model: 'gpt-4o-mini',
+        model: 'gpt-4.1-nano',
         messages: [{ role: 'system', content: 'You are a helpful assistant.' }],
       },
-      voice: {
-        provider: '11labs',
-        voiceId: 'burt',
-      },
     },
   });
 

example/src/components/builder/VapiConfigurationSection.tsx

@@ -125,7 +125,7 @@ const VapiConfigurationSection: React.FC<VapiConfigurationSectionProps> = ({
             onChange={(e) => handleAssistantObjectChange(e.target.value)}
             rows={12}
             className="w-full p-2 rounded-md border bg-white border-gray-300 text-gray-900 font-mono text-sm"
-            placeholder='{"model": {"provider": "openai", "model": "gpt-3.5-turbo"}, "voice": {"provider": "11labs", "voiceId": "burt"}}'
+            placeholder='{"model": {"provider": "openai", "model": "gpt-4-1-mini"}}'
           />
           <p className="text-xs mt-1 text-gray-500">
             Complete assistant configuration object (only used for voice calls)

package.json

@@ -68,9 +68,9 @@
   ],
   "license": "",
   "peerDependencies": {
+    "@vapi-ai/web": "^2.3.7",
     "react": ">=16.8.0",
-    "react-dom": ">=16.8.0",
-    "@vapi-ai/web": "^2.3.7"
+    "react-dom": ">=16.8.0"
   },
   "devDependencies": {
     "@playwright/test": "^1.53.1",