Open widget programmatically

The use case is to programmatically open the Zendesk widget on certain actions in our dashboard, and prefill the customer's information. 

 

I'm using a React library(https://github.com/B3nnyL/react-zendesk) as a wrapper over the Zendesk web widget API.

I'm trying to programmatically open the widget, using the wrapper as

ZendeskAPI("webWidget", "show");

This internally calls the Zendesk API as

zE('webWidget', 'show');

 

zE('webWidget', 'prefill', {    
name: {      
value: 'isamu',      
readOnly: true // optional    
},    
email: {      
value: 'isamu@voltron.com',      
readOnly: true // optional    
},    
phone: {      
value: '61431909749',      
readOnly: true // optional    
}  
});

Is there any additional configuration to be enabled from our account?

I have confirmed that the Zendesk script has loaded and the widget also appears on the page. Only these programmatic triggers aren't working.