Since Windows 11 upgrade, receiving Cannot read properties of undefined (reading 'map') on SPFx custom app

Kristi Wildman 20 Reputation points
2025-01-13T22:46:53.0533333+00:00

We have a very simple custom SPFx app that we just created. Once users upgrade to Windows 11, they are no longer able to submit new items. Instead, they receive this error message: Cannot read properties of undefined (reading 'map')

SharePoint Development
SharePoint Development
SharePoint: A group of Microsoft Products and technologies used for sharing and managing content, knowledge, and applications.Development: The process of researching, productizing, and refining new or existing technologies.
3,289 questions
{count} votes

Accepted answer
  1. Xyza Xue_MSFT 28,221 Reputation points Microsoft Vendor
    2025-01-20T01:40:46.9666667+00:00

    Hi @Kristi Wildman ,

    I'm glad to hear you solve the problem, And thank you so much for sharing the answer so that it can help more people who have the same problem as you.

    I would make a brief summary of this thread:

    Issue Symptom:

    Since Windows 11 upgrade, receiving Cannot read properties of undefined (reading 'map') on SPFx custom app

    Current status:

    The issue has been solved. The solution is: Update SPFx application. Add an if condition to bypass the properties pane if it is empty.

    You could click the "Accept Answer" button for this summary to close this thread, and this can make it easier for other community member's to see the useful information when reading this thread. Thanks for your understanding!

    0 comments No comments

2 additional answers

Sort by: Most helpful
  1. Xyza Xue_MSFT 28,221 Reputation points Microsoft Vendor
    2025-01-14T06:40:15.7466667+00:00

    Hi @Kristi Wildman ,

    Since we can't reproduce your situation, we need to narrow down the problem and try some things.

    1.Does this occur in specific lists/libraries? You could create a new SharePoint list to check.

    2.You can try following steps to rebundle the webpart.

    • run and but don't use the flag so that the generated package will point to your local filesgulp bundlegulp package-solution--ship
    • deploy the generated package to the app catalog
    • run to start the local web servergulp serve --nobrowser
    • add the web part to the workbench

    If the answer is helpful, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".

    Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.

    0 comments No comments

  2. Kristi Wildman 20 Reputation points
    2025-01-14T16:22:43.7366667+00:00

    We had introduced a property pane to the application; however, it was still empty. Users on Windows 11 encountered this error message, unlike users on other operating systems. To address this issue, we are updating the SPFx application to bypass the property pane when it is empty.


Your answer

Answers can be marked as Accepted Answers by the question author, which helps users to know the answer solved the author's problem.