Font awesome working in Mermaid Live Editor but not in react

[MikeAndFriends]

Hi!
Why does the font awesome symbols work in the Mermaid Live Editor but not in my react app?

Live Editor Code (works fine):

graph LR
  subgraph S["fab:fa-twitter System"]
    subgraph D1[fa:fa-people-roof Domain 1]
      subgraph F11[fa:fa-user-group Family 11]
        subgraph VF111[fa:fa-user Instance 111]
            P1111([fa:fa-box Part 1111])
            P1112((fa:fa-ban))
            P1113((fa:fa-wrench))
        end
      end
    end
  end

react app code (does not work):

export default `
graph LR
  subgraph S["fab:fa-twitter System"]
    subgraph D1[fa:fa-people-roof Domain 1]
      subgraph F11[fa:fa-user-group Family 11]
        subgraph VF111[fa:fa-user Instance 111]
            P1111([fa:fa-box Part 1111])
            P1112((fa:fa-ban))
            P1113((fa:fa-wrench))
        end
      end
    end
  end
    `;

[MikeAndFriends]

Found a solution here https://stackoverflow.com/questions/23116591/how-to-include-a-font-awesome-icon-in-reacts-render