You’re offline. This is a read only version of the page.
Hello fellow PowerAppers,
I was wondering if anyone has had any luck with implementing MUI (material-ui) in PCF components? I have got it all the way to displaying in the PCF preview but when I import it into a PowerApps application it is just blank. Perhaps it is due to PowerApps not having this framework available? (It is google after all) With that being said, I have seen examples of people using Babylon.js in a PCF component so it seems like it should be possible.
Thanks,
Hi! Excuse me for asking, could you tell me what project or where you have seen babylon.js used in PCF. Thank you!
Oh thank you! I will check into this when I get a chance. This seems very possible.
Hi @Anonymous ,
A virtual PCF allows you to use the React used by the Power Apps (and eventually Fluent UI).
If you add libraries (like material-ui), you need to declare them in the package.json and import the needed components in your code.
Since the virtual components are using a fixed version of React, maybe there is an issue with the material-ui version you use. React 18 has some changes, and virtual PCFs are using a React 16.8.6. There might be a conflict...
My only other guess is that I am using it in a React virtual control which I believe uses built in frameworks that need to match those in the solution. At least that is the case with React and Fluent versions. The control renders fine when being run through vscode.
Hello,
I used MUI in PCF controls and it worked fine for me. When the PCF control is built it includes all the frameworks needed for the control.
My recommendation - troubleshoot the control - there must be some issue in the code or logic of the control that stops it from being rendered.
#1
WarrenBelz
109
Most Valuable Professional
#2
Michael E. Gernaey
82
Super User 2025 Season 1
#3
MS.Ragavendar
72
Share
Report
All responses (
Answers (
