[BUG] Teams + React + picture in the chat

[piotrlech]

Describe the bug
I think there might be a problem with the newest mgt-react and "<Get" of https://graph.microsoft.com/beta
/chats/{chats-id}/messages/{messages-id}/hostedContents/{hostedContents-id}/$value

In the version 2.2.0 it brings a blob of a picture, while version 2.3.1 brings nothing

To Reproduce
Steps to reproduce the behavior:
The code like below stopped delivering the blob of the picture in the newest version:
const MyPic = (props) => {
let attr = props.attr;
attr.src = 'https://graph.microsoft.com/beta/chats/{chatId}/messages/{messageId}/hostedContents/{picture}/$value'
let res = '/chats/{chatId}/messages/{messageId}/hostedContents/{picture}/$value';
return <Get version="beta" resource={res}>
<MyTemplate />
</Get>
};

Additional context
It used to work in version 2.2.0, and it still works in the Graph Explorer

Hello piotrlech, thank you for opening an issue with us!

I have automatically added a "needs triage" label to help get things started. Our team will analyze and investigate the issue, and escalate it to the relevant team if possible. Other community members may also look into the issue and provide feedback 🙌

[vogtn]

@piotrlech

Is the output of the hosted contents still the same? Can you use our data binding on the hostedContents {{this}} to display anything at all?

const MyPic = (props) => {
let attr = props.attr;
attr.src = 'https://graph.microsoft.com/beta/chats/{chatId}/messages/{messageId}/hostedContents'
let res = '/chats/{chatId}/messages/{messageId}/hostedContents';
return <Get version="beta" resource={res}>
{{this}}
</Get>
};

[piotrlech]

Somehow I get a compilation error:

SyntaxError: /home/piotr/my-m365-app/src/App.js: Unexpected keyword 'this'. (93:4)

91 | let res = '/chats/{chatId}/messages/{messageId}/hostedContents';
92 | return <Get version="beta" resource={res}>

93 | {{this}}
| ^
94 | </Get>
95 | };
96 |

Either way in the newer version it looks like this:

While earlier it was:

[vogtn]

@piotrlech

Sorry I see this is react, I'm trying with our 2.3.1 code on test tenants, and I am still able to receive the blob.. Just a few more things to test:

In your code for your template
<MyTemplate />

I can't get a full msal tenant ready for demo... but just to create a sample... Are you still able to get the chat messages? so just simplify the get call to /me/chats/{chatid}/messages/

[piotrlech]

Yes. First, I iterate through the chat to get messages and then I get blobs of each message if any

[sebastienlevert]

Hello there! Can you confirm the API call that this creates via your network tab? We'd love to see the generated URL to Graph! Thanks!

[piotrlech]

Any advice on how to do this? I tried with tcpdump but the connection is over the VPN towards the proxy and the url is not visible.