SharePoint Online Material-UI in SPFx June 23, 2020October 16, 2025 Ravichandran Krishnasamy8 Comments 🚀 This article has moved! Please visit the updated version here: 👉 Go to Updated Article Share this: Click to share on Facebook (Opens in new window) Facebook Click to share on X (Opens in new window) X Click to share on LinkedIn (Opens in new window) LinkedIn Click to share on WhatsApp (Opens in new window) WhatsApp Click to email a link to a friend (Opens in new window) Email Click to print (Opens in new window) Print Like Loading... Related
the form is getting created but unable to update the Project List as expected. Where did you exactly use “sp.setup({spfxContext: this.props.context});” to achieve this. LikeLike Reply
That logic is almost same like add list item in to the SharePoint, once added or retrieved from SharePoint save that id in the state then use that ID for update the list item https://github.com/ravichandran-blog/SPFx/blob/master/spfx-react-materialui/src/webparts/spfxReactMaterialui/components/SpfxReactMaterialui.tsx#L92 LikeLike
You have to add that line of code in the react component’s constructor https://github.com/ravichandran-blog/SPFx/blob/master/spfx-react-materialui/src/webparts/spfxReactMaterialui/components/SpfxReactMaterialui.tsx#L25 LikeLike Reply
How did you get around the react dependency? I show SPFX with react 16, mui requires react 17 or higher.. LikeLike Reply
Have you tried the old version of MUI? https://www.npmjs.com/package/@mui/material/v/5.0.0 LikeLike Reply
Ravichandran Blog 
the form is getting created but unable to update the Project List as expected. Where did you exactly use “sp.setup({spfxContext: this.props.context});” to achieve this.
LikeLike
How to update all details in sharepoint list ?
LikeLike
That logic is almost same like add list item in to the SharePoint, once added or retrieved from SharePoint save that id in the state then use that ID for update the list item
https://github.com/ravichandran-blog/SPFx/blob/master/spfx-react-materialui/src/webparts/spfxReactMaterialui/components/SpfxReactMaterialui.tsx#L92
LikeLike
You have to add that line of code in the react component’s constructor
https://github.com/ravichandran-blog/SPFx/blob/master/spfx-react-materialui/src/webparts/spfxReactMaterialui/components/SpfxReactMaterialui.tsx#L25
LikeLike
Hi.
can we use material in sharepoint 2019?
LikeLike
Yes, you can
LikeLike
How did you get around the react dependency? I show SPFX with react 16, mui requires react 17 or higher..
LikeLike
Have you tried the old version of MUI?
https://www.npmjs.com/package/@mui/material/v/5.0.0
LikeLike