nextjs - 💡(How to fix) Fix Next.js 16: Builds fail as it fails to find Server Actions if they are references in slot/parallel route. [1 comments, 2 participants]

Error will appear, failure to find Server Action $xxxxxxxxxx.

TL;DR

The issue can be resolved by reorganizing the code to avoid using Server Actions within parallel routes, as the current implementation causes the Server Action to not be found during form submission.

Guidance

• The error occurs because the Server Action is not accessible when called from within a parallel route, suggesting a scoping or context issue.
• To verify the issue, try logging the serverAction variable in the parallel route to confirm it's not being recognized.
• As a potential workaround, consider moving the form submission logic outside of the parallel route or restructure the code to avoid using Server Actions in this context.
• Review the Next.js documentation on Server Actions and parallel routes to ensure proper usage and compatibility.

Example

No code example is provided as the issue seems to be related to the structure and usage of Server Actions within parallel routes, which requires a more comprehensive understanding of the project's architecture.

Notes

The provided "hack" is not recommended, indicating that the current implementation might be flawed. The issue seems specific to the combination of Server Actions and parallel routes in Next.js 16.

Recommendation

Apply workaround: Restructure the code to avoid using Server Actions within parallel routes, as this seems to be the root cause of the issue. This approach allows for a more compatible and maintainable solution.