The SharePoint Framework (SPFx) is a page and web part model that provides full support for client-side SharePoint development, easy integration with SharePoint data, and support for open source tooling.
Questions tagged [spfx]
975 questions
1
vote
2 answers
AD (Azure Directory) group object not showing anything in react but it shows up in the console React/Spfx
I'm trying to display my ad group, a single object, the first value in my ad group.
The code below seems to be working and I'm able to log the object console.log(res); and sure enough I do get the object and its properties logged in the console. The…

liondepierre
- 25
- 6
1
vote
1 answer
Dynamically add values to specific property in object - Fluent UI React ContextualMenu
I have the following ContextualMenu structure inside my SPFx Extension build with Fluent UI React:
const menuProps: IContextualMenuProps = {
items: [
{
key: 'Access',
itemType: ContextualMenuItemType.Section,
sectionProps: {
…

Caspar Rubin
- 35
- 6
1
vote
1 answer
PersonCard in a Person template
I am using microsoft-graph-toolkit react in SPFx 1.15.0 webpart
I have an Ag-Grid rows each with a cell containing a Person

Ofer Gal
- 707
- 1
- 10
- 32
1
vote
1 answer
SPFx Webpack error "Rule can only have one resource source...."
I'm trying to create a Vue single-page component.
I use Node 14.19.1 and SPFx 1.14, and for create the project I have used Yeoman.
When I'm deploying local the project, I get the next and error
Error - 'webpack' sub task errored after 131 ms Rule…

user2171002
- 45
- 6
1
vote
0 answers
Execute generic Graph call in SPFx with PnP 3
So far I have been using the following to execute a request against the Graph API.
import { MSGraphClient } from '@microsoft/sp-http';
const graphClient: MSGraphClient = await context.msGraphClientFactory.getClient();
const…

Jools
- 135
- 2
- 9
1
vote
1 answer
Sharepoint Script Editor Web Part Not Showing Up
I have SP 2019 setup and I cloned and generated the .sppkg file from the solution below:
https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/react-script-editor-onprem
I uploaded to the apps store of the site collection and chose to deploy…

Noorul
- 939
- 1
- 11
- 21
1
vote
0 answers
Error "Cannot find module 'react' or its corresponding type declarations." inside our sharePoint online SPFx project
I am working on an 1.14 SPFX web part, but inside the .ts file we are getting reference errors on almost all the libraries as shown in this picture:-
For example, on the first reference error "Cannot find module 'react' or its corresponding type…

John John
- 1
- 72
- 238
- 501
1
vote
0 answers
Sharepoint Modern Search v4 KQL
Apologies if this is quite broad
I am trying to create a solution using modern search v4 which using search box to populate results which once one is selected create a query which is then picked up by search results.
Currently I populate the url…

KJBeard
- 11
- 3
1
vote
0 answers
SharePoint Framework (SPFx) -- Web Part Solution Uploaded, Enabled, Not Deploying
I'm trying to deploy a custom web part solution built with SPFx to my site collection app catalog on SharePoint. When I upload the .sppkg file, I get no errors, and the web part is automatically 'enabled'. According to this Microsoft tutorial, I…

andykingrox
- 11
- 1
1
vote
1 answer
How to pass parameter in People Picker selecteditem React Control
How to pass parameter in people picker react selecteditem function--this works for me
```

AYUSH CHAUDHARY
- 49
- 6
1
vote
1 answer
BotFramework ReactWebChat With DirectLineAppServiceExtension getting repeated welcome message on specific time interval
I have C# SDK based azure bot developed and deployed on azure, this bot is using Language(Custom Question Answering) service for answering users questions.
The front end part is a SPFX React WebChat which suppose to be a webpart of another…

Pravin Ambekar.
- 102
- 15
1
vote
0 answers
Accessing an intranet Sharepoint page using React Native webview
using some basic code, I am trying to access a sharepoint page:
import { WebView } from 'react-native-webview'
const ExampleScreen = ({ navigation }) => {
return (

Wendigo
- 63
- 1
- 3
1
vote
3 answers
SPFx to connect to local SQL Server Tables,Stored Procedures & view.. Approaches to follow
I am working on a migration from SharePoint 2010 to SharePoint Online. Where inside the on-premises the customer has a configurable Web Part (Server-side of course), which allow users to do the following:-
Specify a connection string to connect to…

John John
- 1
- 72
- 238
- 501
1
vote
2 answers
Losing state value after function is finished
I'm new to react concept, I don't understand why I lose the value of the state after the .then()
I lose the ISPList state value but I did set state :(
appreciate any help.
export default class Cartable extends
React.Component

Farzaneh Aqabeyki
- 23
- 6
1
vote
1 answer
JS bundled with webpack can resolve to submodules but ts/spfx cannot
I have a local lib with a few submodules, I added dynamically a package.json in the dist folder to tell which files I want to expose using "exports".
What I can't figure out is why typescript gives me this error:
"minimal-module-webpack/omega" is a…

Ricardo Silva
- 1,221
- 9
- 19