Customer metadata not showing in web portal

[siuwafong]

I'm trying to have the customer's custom metadata show in the web portal. When a message is sent, the customer's external_id, email, and name are visible in the web portal, but not other metadata. However, when I log out and log back in my app, and I refresh the web portal's page, then the metadata appears.

I also notice that I'm getting the following TypeScript error when I try to add custom metadata:

Type '{ external_id: string; email: string; name: string; metadata: { email: string; isPaid: boolean; surgery: string; surgeryType: string; }; }' is not assignable to type 'CustomerMetadata'.
Object literal may only specify known properties, and 'metadata' does not exist in type 'CustomerMetadata'.ts(2322)