mgt-people-picker protected render override

[ITAndy23]

Hi,

I'm currently using mgt-people-picker from version of mgt:

    "@microsoft/mgt-element": "^2.8.0",
    "@microsoft/mgt-react": "^2.9.0",
    "@microsoft/mgt-teamsfx-provider": "^2.9.0",

We have a use case where we need to customize/hide the selected people, including the X that removes the person. Essentially leaving the selection empty all the time and using the onChange to capture the people and display elsewhere.

I found this section on overriding protected renders:
https://learn.microsoft.com/en-us/graph/toolkit/components/people-picker#extend-for-more-control
But there's no documentation on how to use it, particularly in a react typescript setup?
I would think overriding renderSelectedPeople should do the trick.
Any advice on how to use them or go another route to hide a piece of the component, such as the selected people?

Thanks

[Mnickii]

Tracked in #2692