[ASK] Implementation on NextJS 12

[geeraay]

Hi,

Thanks for your effort on building this amazing lib!

I wanted to ask about the following issue in the repo. I have implemented Dexie using Next 12 smoothly, and I would like to add encrypt/decrypt capability using this lib, and it works amazingly. However, when I tried to reload the page, unfortunately an error occurred. The error said that "Could not decrypt message". I have already checked the secret key used, and I see that the key is consistent.
Would appreciate any insights or guidance on this matter. Thank you!

DexieDB.ts

list-sls.tsx

getserversideprops on list-sls.tsx

Error

[PVermeer]

Judging by your code some things that could have happened:

• in list-sls.tsx props.secretKey is undefined when constructing the DB;
• can't tell if you the database is constructed after getserversideprops() in list-sls.tsx. Could be a race condition on reload or reload on a different page; Passing no key or an undefined key gives no error but creates a new key. I probably fix this in a later release to error when no key is provided.
• while developing, multiple keys have been used to store data with Dexie encrypted. This will not give errors because we are not storing your keys anywhere for obvious reasons. Reading data created with a different key than the creation key, will give this error. Databases must be deleted after the secret key has changed or you'll get this error and make the database useless (as intended!).

So delete the DB first and than make sure the same key is always used.

If you still have problems please let me know and, if possible provide, minimum reproduction of the issue.