Web part with Persona stopped working

Question

I have a SPfx web part that uses the Persona component. That component just started failing on SharePoint Online in the last day or two. It still works in my localhost workbench, but fails on SharePoint Online. Removing the persona component fixes the error.

I only get the minified error in the console. https://reactjs.org/docs/error-decoder.html?invariant=321

Answer 1

I was able to resolve it by using the Persona component from "office-ui-fabric-react" instead of "@microsoft/office-ui-fabric-react-bundle".

Previous code:

import {
    Persona,
    IPersonaStyles,
    PersonaSize,
    IPersonaProps,
    PersonaInitialsColor,
} from "@microsoft/office-ui-fabric-react-bundle";

Updated code:

import {
    Persona,
    IPersonaStyles,
    PersonaSize,
    IPersonaProps,
    PersonaInitialsColor,
} from "office-ui-fabric-react";

For whatever reason, the bundle does not work on SharePoint Online.