How to add assistantOveride to the react SDK widge...
# supportu
4:44
09/23/2025, 4:53 PMThe is what I have for now
Copy code
ts
<VapiWidget
voiceShowTranscript={true}
onError={(error) => {
console.log("error", error);
}}
onMessage={(data) => {
console.log("on message", data);
}}
mode="voice"
theme="light"
size="tiny"
position="bottom-right"
startButtonText="Start"
endButtonText="End Call"
assistantOverrides={{
variableValues: {
customerName: "John Doe",
},
}}
/> Copy code
json
message [ "assistant.property assistantId should not exist", "assistant.property assistantOverrides should not exist" ]v
Vapi Support Bot
09/23/2025, 4:54 PMTo use
assistantOverridesassistantId Copy code
tsx
<VapiWidget
publicKey="your-public-key"
assistantId="your-assistant-id"
assistantOverrides={{
variableValues: { customerName: "John Doe" },
}}
mode="voice"
// ...other props
/>assistantOverridesassistantIdassistantassistantIdassistantOverridesu
4:44
09/23/2025, 4:55 PMI already have the assistandId prop I just didn't include it here cause of security reasons
c
Chiranjeet Mishra
09/25/2025, 3:17 PMyou need to provide either a
publicKeyassistantIdpublicKeyassistant Copy code
<VapiWidget publicKey="your-public-key" // Add this - required assistantId="your-assistant-id" // Add this - required unless using assistant prop voiceShowTranscript={true} onError={(error) => { console.log("error", error); }} onMessage={(data) => { console.log("on message", data); }} mode="voice" theme="light" size="tiny" position="bottom-right" startButtonText="Start" endButtonText="End Call" assistantOverrides={{ variableValues: { customerName: "John Doe", }, }}/>assistantOverridesassistantIdpublicKeyassistantIdassistantassistantOverridesassistantId2 Views