Unanswered

MUI in PCF

(0) Share

Report

Posted on by Community Power Pla...

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,

Categories:

Power Apps Pro Dev & ISV

I have the same question (0)

All responses (5)

Answers (0)

a33ik 3,306 Most Valuable Professional on at

Like (2)

Report

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.

Was this reply helpful? Yes No
Community Power Pla... on at

Like (0)

Report

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.

Was this reply helpful? Yes No
Diana Birkelbach 3,072 Most Valuable Professional on at

Like (2)

Report

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...

Was this reply helpful? Yes No
Community Power Pla... on at

Like (0)

Report

Oh thank you! I will check into this when I get a chance. This seems very possible.

Was this reply helpful? Yes No
angelbueno 2 on at

Like (0)

Report

Hi! Excuse me for asking, could you tell me what project or where you have seen babylon.js used in PCF. Thank you!

Was this reply helpful? Yes No