Recreating Quick Transfer overpanel functionality in a custom button
Recreating Quick Transfer overpanel functionality in a custom button
Hello!
I am having an issue trying to get the Quick Transfer overpanel to show by clicking on a custom button. I already have the event listener working for a React CSR extension:
```
useEffect(() => {
document.querySelector("#quickTransferButton").addEventListener('click', () => {
tecton.actions.navigateTo('application', [], { overpanel: 'quick-transfer' });
});
}, []);
```
but when I click on the button I get: Uncaught (in promise) SyntaxError: "undefined" is not valid JSON at JSON.parse (<anonymous>) at e.setupOverpanel (vendorapp.js:17639:86)
Any ideas why it's doing that? See screenshot: 
Hello!
I am having an issue trying to get the Quick Transfer overpanel to show by clicking on a custom button. I already have the event listener working for a React CSR extension:
```
useEffect(() => {
document.querySelector("#quickTransferButton").addEventListener('click', () => {
tecton.actions.navigateTo('application', [], { overpanel: 'quick-transfer' });
});
}, []);
```
but when I click on the button I get: Uncaught (in promise) SyntaxError: "undefined" is not valid JSON at JSON.parse (<anonymous>) at e.setupOverpanel (vendorapp.js:17639:86)
Any ideas why it's doing that? See screenshot: 
#question
#tecton
#quick-transfer
Recreating Quick Transfer overpanel functionality in a custom button
Hello!
I am having an issue trying to get the Quick Transfer overpanel to show by clicking on a custom button. I already have the event listener working for a React CSR extension:
```
useEffect(() => {
document.querySelector("#quickTransferButton").addEventListener('click', () => {
tecton.actions.navigateTo('application', [], { overpanel: 'quick-transfer' });
});
}, []);
```
but when I click on the button I get: Uncaught (in promise) SyntaxError: "undefined" is not valid JSON at JSON.parse (<anonymous>) at e.setupOverpanel (vendorapp.js:17639:86)
Any ideas why it's doing that? See screenshot: 