New to Telerik UI for Blazor? Download free 30-day trial

JSException Maximum Call Stack Size Exceeded

Environment

Product UI for Blazor

Description

This knowledge base article deals with the Maximum call stack size exceeded error.

Error Message

Microsoft.JSInterop.JSException: Maximum call stack size exceeded

RangeError: Maximum call stack size exceeded

Cause

The possible causes for the Maximum call stack size exceeded error are:

  • Using an old version of Telerik UI for Blazor (4.5.0 and earlier) in .NET 8.
  • Updating an existing app to .NET 8 without updating Telerik UI for Blazor.
  • Using different versions of Telerik UI for Blazor in different projects in your solution. Some of the versions are earlier than 4.6.0.
  • Building a .NET 6 Telerik Blazor app with the .NET 8 SDK on a Mac.
  • Using a cached old version of telerik-blazor.js with up-to-date Telerik UI for Blazor version. In this case, the app may be runnable in one browser and not in another.

Solution

To resolve the error:

Clearing the browser cache will reload the telerik-blazor.js file and the error should go away.

If the Telerik UI for Blazor version is up-to-date and the error persists, then clean the solution:

  1. Close Visual Studio.
  2. Delete all bin and obj folders in all projects in the solution.
  3. Clear the browser cache.
  4. Reopen Visual Studio and rebuild the app.

You can also add a cache buster to the telerik-blazor.js script, which will have a similar effect for the end users, as clearing their cache:

<script src="_content/Telerik.UI.for.Blazor/js/telerik-blazor.js?version6.0.0"></script>

Notes

If you receive a TelerikBlazor was undefined JavaScript error after you clear the browser cache, then refer to the documentation about TelerikBlazor was undefined.

See Also

In this article