Error: System.Security.Cryptography.CryptographicException: The payload was invalid.

[digitaldirk]

Hi,

I was trying to setup my blog with this repo and run into this error when debugging the web project:

blazor.server.js:1  [2024-09-04T00:34:18.364Z] Error: System.Security.Cryptography.CryptographicException: The payload was invalid. For more information go to https://aka.ms/aspnet/dataprotectionwarning
   at Microsoft.AspNetCore.DataProtection.Cng.CbcAuthenticatedEncryptor.DecryptImpl(Byte* pbCiphertext, UInt32 cbCiphertext, Byte* pbAdditionalAuthenticatedData, UInt32 cbAdditionalAuthenticatedData)
   at Microsoft.AspNetCore.DataProtection.Cng.Internal.CngAuthenticatedEncryptorBase.Decrypt(ArraySegment`1 ciphertext, ArraySegment`1 additionalAuthenticatedData)
   at Microsoft.AspNetCore.DataProtection.KeyManagement.KeyRingBasedDataProtector.UnprotectCore(Byte[] protectedData, Boolean allowOperationsOnRevokedKeys, UnprotectStatus& status)
   at Microsoft.AspNetCore.DataProtection.KeyManagement.KeyRingBasedDataProtector.Unprotect(Byte[] protectedData)
   at Microsoft.AspNetCore.DataProtection.DataProtectionCommonExtensions.Unprotect(IDataProtector protector, String protectedData)
   at Microsoft.AspNetCore.Components.Server.ProtectedBrowserStorage.ProtectedBrowserStorage.Unprotect[TValue](String purpose, String protectedJson)
   at Microsoft.AspNetCore.Components.Server.ProtectedBrowserStorage.ProtectedBrowserStorage.GetAsync[TValue](String purpose, String key)
   at LinkDotNet.Blog.Web.Features.Services.LocalStorageService.ContainKeyAsync(String key) in C:\mypath\Blog-8.0\src\LinkDotNet.Blog.Web\Features\Services\LocalStorageService.cs:line 17
   at LinkDotNet.Blog.Web.Features.Home.Components.ThemeToggler.OnAfterRenderAsync(Boolean firstRender) in C:\mypath\Blog-8.0\src\LinkDotNet.Blog.Web\Features\Home\Components\ThemeToggler.razor:line 20
   at LinkDotNet.Blog.Web.Features.Home.Components.ThemeToggler.OnAfterRenderAsync(Boolean firstRender) in C:\mypath\Blog-8.0\src\LinkDotNet.Blog.Web\Features\Home\Components\ThemeToggler.razor:line 24
   at Microsoft.AspNetCore.Components.RenderTree.Renderer.GetErrorHandledTask(Task taskToHandle, ComponentState owningComponentState)

Setup details:

• Windows 11
• Firefox
• Release v8.0 from github releases
• System dark mode

I was able to debug the web project initially but now only get this error. I even re-downloaded a fresh copy of the v8.0 release and get the same error when first trying to debug it. Seems like it could be related to the ThemeToggler when trying to access the local storage?

Willing to help debug, thank you for your time.

[linkdotnet]

Hey @digitaldirk

Indeed it is the LocalStorage. Your problem will be resolved if you delete all the entries (for localhost - the picture is just an example):

I am not sure what causes that. In any case, it might be wise to wrap access to the LocalStorage with a try/catch and delete entries that can't be loaded.