Safari Remote Debugging picking up device but not showing any elements

I can't get the remote inspector to actually display any elements, its finding my device fine, the website on my phone will highlight when hovering over it in the develop menu, but when clicking through its just blank.

Both devices are on the latest OS. The issue is with my phone and not the Mac as I have tried another device and it worked as expected.

any ideas would be appreciated

develop menu

inspector

How do you inspect a mobile in Safari?

With Safari open, select the Develop menu in the menu bar. Toward the top of that list, you should see your device's name and the windows that are available to inspect. Select the page or application to inspect, and the inspection window will open.

How do I enable Web Inspector on my device?

Enable the Develop MenuChoose Safari > Preferences, and click Advanced. At the bottom of the pane, select the “Show Develop menu in menu bar” checkbox. Choose Develop > Show Web Inspector.

It can also help to Clear the Trusted Computers under the Developer Preferences on your iOS Device and Re-Pair it with the Mac you'd like to remote debug with.

(I previously tried a MacOS Update, some technical previews for Safari etc. and the method above was the way to save the issue).