Filepicker Error: No specified origin

[mnavarroworks]

I am using javascript to open a Onedrive filepicker, but I'm getting the following error:

Error: No specified origin

The filepicker opens correctly and I can interact with everything inside but when trying to select/cancel the buttons do nothing

This is (I'm assuming) due to the fact that no origin means the messages are not reaching my site,

The config I'm using is the following:

{
sdk: '8.0',
entry: {
oneDrive: {
files: {},
},
sharePoint: {
files: {},
},
},
authentication: {},
messaging: {
origin: 'https://localhost:3000',
channelId: '27',
},
typesAndSources: {
mode: 'all',
filters: ['folder', '.pdf', '.doc', '.docx', '.xls', '.xlsx', '.msg', '.eml', '.zip', '.tar', '.7z', '.odt'],
pivots: { oneDrive: true, sharePoint: true, recent: true },
},
selection: {
mode: 'multiple',
maximumCount: 100,
},
commands: {
select: {
urls: {
download: true,
},
},
},
};

The resulting url is as follows:

https://[MYCOMPANY]-my.sharepoint.com/personal/[MYMAIL]_onmicrosoft_com/_layouts/15/FilePicker.aspx?sdk=%228%2E0%22&entry=%7B%22oneDrive%22%3A%7B%22files%22%3A%7B%7D%7D%2C%22sharePoint%22%3A%7B%22files%22%3A%7B%7D%7D%7D&authentication=%7B%7D&messaging=%7B%22origin%22%3A%22https%3A%2F%2Flocalhost%3A3000%22%2C%22channelId%22%3A%2227%22%7D&typesAndSources=%7B%22mode%22%3A%22all%22%2C%22filters%22%3A%5B%22folder%22%2C%22%2Epdf%22%2C%22%2Edoc%22%2C%22%2Edocx%22%2C%22%2Exls%22%2C%22%2Exlsx%22%2C%22%2Emsg%22%2C%22%2Eeml%22%2C%22%2Ezip%22%2C%22%2Etar%22%2C%22%2E7z%22%2C%22%2Eodt%22%5D%2C%22pivots%22%3A%7B%22oneDrive%22%3Atrue%2C%22sharePoint%22%3Atrue%2C%22recent%22%3Atrue%7D%7D&selection=%7B%22mode%22%3A%22multiple%22%2C%22maximumCount%22%3A100%7D&commands=%7B%22select%22%3A%7B%22urls%22%3A%7B%22download%22%3Atrue%7D%7D%7D&p=2

Let me know if further information is required, thank you!