Use MatrixClientPeg::safeGet in src/components/views/* (#10987)

src/components/views/elements/AppPermission.tsx

@@ -57,7 +57,7 @@ export default class AppPermission extends React.Component<IProps, IState> {
         const urlInfo = this.parseWidgetUrl();
 
         // The second step is to find the user's profile so we can show it on the prompt
-        const room = MatrixClientPeg.get().getRoom(this.props.roomId);
+        const room = MatrixClientPeg.safeGet().getRoom(this.props.roomId);
         let roomMember: RoomMember | null = null;
         if (room) roomMember = room.getMember(this.props.creatorUserId);
 

src/components/views/elements/ErrorBoundary.tsx

@@ -60,8 +60,8 @@ export default class ErrorBoundary extends React.PureComponent<Props, IState> {
     private onClearCacheAndReload = (): void => {
         if (!PlatformPeg.get()) return;
 
-        MatrixClientPeg.get().stopClient();
-        MatrixClientPeg.get()
+        MatrixClientPeg.safeGet().stopClient();
+        MatrixClientPeg.safeGet()
             .store.deleteAllData()
             .then(() => {
                 PlatformPeg.get()?.reload();

src/components/views/elements/PersistedElement.tsx

@@ -162,7 +162,7 @@ export default class PersistedElement extends React.Component<IProps> {
 
     private renderApp(): void {
         const content = (
-            <MatrixClientContext.Provider value={MatrixClientPeg.get()}>
+            <MatrixClientContext.Provider value={MatrixClientPeg.safeGet()}>
                 <div ref={this.collectChild} style={this.props.style}>
                     {this.props.children}
                 </div>

src/components/views/elements/Pill.tsx

@@ -106,7 +106,7 @@ export const Pill: React.FC<PillProps> = ({ type: propType, url, inMessage, room
         mx_RoomPill: type === PillType.RoomMention,
         mx_SpacePill: type === "space",
         mx_UserPill: type === PillType.UserMention,
-        mx_UserPill_me: resourceId === MatrixClientPeg.get().getUserId(),
+        mx_UserPill_me: resourceId === MatrixClientPeg.safeGet().getUserId(),
         mx_EventPill: type === PillType.EventInOtherRoom || type === PillType.EventInSameRoom,
     });
 
@@ -158,7 +158,7 @@ export const Pill: React.FC<PillProps> = ({ type: propType, url, inMessage, room
 
     return (
         <bdi>
-            <MatrixClientContext.Provider value={MatrixClientPeg.get()}>
+            <MatrixClientContext.Provider value={MatrixClientPeg.safeGet()}>
                 {inMessage && url ? (
                     <a
                         className={classes}

src/components/views/elements/ReplyChain.tsx

@@ -95,7 +95,7 @@ export default class ReplyChain extends React.Component<IProps, IState> {
     }
 
     private get matrixClient(): MatrixClient {
-        return MatrixClientPeg.get();
+        return MatrixClientPeg.safeGet();
     }
 
     public componentDidMount(): void {