Switches processingContext for useMutation

[cammiida]

Description

Related Issue(s)

• closes #{issue number}

Verification/QA

• Manual functionality testing
  • I have tested these changes manually
  • Creator of the original issue (or service owner) has been contacted for manual testing (or will be contacted when released in alpha)
  • No testing done/necessary
• Automated tests
  • Unit test(s) have been added/updated
  • Cypress E2E test(s) have been added/updated
  • No automatic tests are needed here (no functional changes/additions)
  • I want someone to help me make some tests
• UU/WCAG (follow these guidelines until we have our own)
  • I have tested with a screen reader/keyboard navigation/automated wcag validator
  • No testing done/necessary (no DOM/visual changes)
  • I want someone to help me perform accessibility testing
• User documentation @ altinn-studio-docs
  • Has been added/updated
  • No functionality has been changed/added, so no documentation is needed
  • I will do that later/have created an issue
• Support in Altinn Studio
  • Issue(s) created for support in Studio
  • This change/feature does not require any changes to Altinn Studio
• Sprint board
  • The original issue (or this PR itself) has been added to the Team Apps project and to the current sprint board
  • I don't have permissions to do that, please help me out
• Labels
  • I have added a kind/* label to this PR for proper release notes grouping
  • I don't have permissions to add labels, please help me out

[bjosttveit]

/publish

[github-actions]

PR release:

• <link rel="stylesheet" type="text/css" href="https://altinncdn.no/toolkits/altinn-app-frontend/4.17.2-pr.683.processing-context.5cc56bac/altinn-app-frontend.css">
• <script src="https://altinncdn.no/toolkits/altinn-app-frontend/4.17.2-pr.683.processing-context.5cc56bac/altinn-app-frontend.js"></script>

⚙️ Building...
✅ Done!

[bjosttveit]

The main reason I ended up using a custom approach for this was that I did not like useMutation's behavior wrt. the pending state. As you can see in the video, everything always blinks into and out of disabled state when navigating, even though there are no async things happening that needs to be waited for. Its subtle, but I found it quite disturbing.

Screen.Recording.2025-03-05.at.09.44.03.mov

[bjosttveit]

Another thing, since you are using const isAnyProcessing = useIsMutating() > 0; without any filters this will disable stuff when saving also. The original reason for introducing this concept was to avoid having to do this since it is very disturbing.

Screen.Recording.2025-03-05.at.13.48.20.mov

[bjosttveit]

/publish

[github-actions]

PR release:

• <link rel="stylesheet" type="text/css" href="https://altinncdn.no/toolkits/altinn-app-frontend/4.17.2-pr.697.processing-context.c3ab7c3b/altinn-app-frontend.css">
• <script src="https://altinncdn.no/toolkits/altinn-app-frontend/4.17.2-pr.697.processing-context.c3ab7c3b/altinn-app-frontend.js"></script>

⚙️ Building...
✅ Done!

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
67.2% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud