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.jswith 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:
- Use a Telerik UI for Blazor version, which is compatible with .NET 8.
- Clear the browser cache.
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:
- Close Visual Studio.
- Delete all
binandobjfolders in all projects in the solution. - Clear the browser cache.
- 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?version5.1.1"></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.