I was exploring SharePoint Framework 1.19.0 and noticed some controversy surrounding this error. In my understanding, this issue is not a bug in the chain or in the Reusable React controls for your SharePoint Framework solutions v3.19.0, nor in the Reusable property pane controls for the SharePoint Framework solutions v3.18.0. So, AJIXuMuK in my opinion is right (update) for the...
Introduction In the fast-paced world of software development, ensuring code quality and functionality is paramount. Test-Driven Development (TDD) offers a robust foundation for building reliable SharePoint Framework (SPFx) solutions. By integrating TDD into your SPFx projects, you can enhance code quality, facilitate maintenance, and streamline the development process. Understanding TDD and SPFx TDD is a software development approach where tests...
Introduction Testing is a crucial aspect of any software development process, including SharePoint Framework (SPFx) development. Here are some reasons why testing is important: Testing is an essential part of SPFx development. It helps ensure the quality, reliability, and performance of your components, leading to a better end product and a smoother user experience. How to test? First, we need...
First when you set up lookup columns in a list or library, Microsoft restricts you to 12 columns of that type in a single view. The reason behind this limitation is that lookup columns retrieve data from another list or source. If you surpass this limit and try to add a 13th column, you’ll encounter an error message. It seems that 13 isn’t a...
When designing the property pane for your SharePoint client-side web parts, you may have one web part property that displays its options based on the value selected in another property. This scenario typically occurs when implementing cascading dropdown controls. I’m assuming in this Article/Fix you are getting all lists excluding the hidden ones. Let’s Start from the beginning, you have...
In the PnPJs Agnostic Framework Some fields are not sortable, let’s assume this call is using a MODEL where TrainingAreaPosition is a number column without decimal places: I’m using a Custom React Hook, fix by comparing the field name, where Position is a property of the Model to Map
Since React 17 was introduced in version 1.16.0, the problems has began with some PnP Projects. In version 1.17.3 you will get this error when installing the PnP React Controls, so you must wait for the Repo be updated. In version 1.16.1 to use the PeoplePicker Control the workaround was give context as any in your Webpart.ts Now if you...
This article will give you some insights to work with models in the SharePoint Framework SPFx and consume information from some Field Types FIELDS Why to use Models? TypeScript is a superset of JavaScript that adds optional static typing and other features to JavaScript. It provides a way to catch errors early through static type checking and can help you...
Let’s get you a Timeline component you can use for several use cases, in a chronologic way to represent information or just another way you want to represent items from a SharePoint List that makes sense to you. I’m using in this sample Class Components because at the time of this post there is no native Functional Components in the...
In fact this is a topic that has been talked about often. Hooks were added to React in version 16.8. Hooks allow function components to have access to state and other React features. Because of this, class components are generally no longer needed, yes in fact, but let’s see what we have at the time of this post. So in...
