ipfs-unixfs error when attempting to create a DID

[Baleandor]

Howdy!
I am trying to implement Veramo into a NextJS 14 project and I keep getting an error that states that 'name' is read only and that ipfs-unixfs is trying to modify it. What I need is just the DID and DID document functionality. What I've noticed is that if the KeyManager portion of the code is commented out, the error does not happen. What am I missing and what can I do to be able to implement Vermo in my NextJS project. I will leave below the relevant code:
veramo-setup.ts

import { DIDManager, MemoryDIDStore } from '@veramo/did-manager';
import {
 KeyManager,
 MemoryKeyStore,
 MemoryPrivateKeyStore,
} from '@veramo/key-manager';
import { KeyManagementSystem } from '@veramo/kms-local';
import { DIDResolverPlugin } from '@veramo/did-resolver';
import { Resolver } from 'did-resolver';
import { getResolver as webDidResolver } from 'web-did-resolver';
import { WebDIDProvider } from '@veramo/did-provider-web';

export const veramoAgent: TAgent<IDIDManager & IKeyManager> = createAgent({
 plugins: [
   new KeyManager({
     store: new MemoryKeyStore(),
     kms: {
       local: new KeyManagementSystem(new MemoryPrivateKeyStore()),
     },
   }),
   new DIDManager({
     defaultProvider: 'did:web',
     providers: {
       'did:web': new WebDIDProvider({
         defaultKms: 'local',
       }),
     },
     store: new MemoryDIDStore(), // no persistence -> implement IC caninster
   }),
   new DIDResolverPlugin({
     resolver: new Resolver({
       ...webDidResolver(),
     }),
   }),
 ],
});

export default veramoAgent;

test code in component:

  useEffect(() => {
    const createNewDID = async () => {
      const newDid = await veramoAgent.didManagerCreate({
        alias: 'example-did',
        provider: 'did:web',
        kms: 'local',
      });
      console.log('Created DID:', newDid.did);
    };

    // Only run client-side
    if (typeof window !== 'undefined') {
      createNewDID();
    }
  }, []);

packages I have installed:

 "@veramo/core": "^6.0.0",
  "@veramo/did-manager": "^6.0.0",
  "@veramo/did-provider-web": "^6.0.0",
  "@veramo/did-resolver": "^6.0.0",
  "@veramo/key-manager": "^6.0.0",
  "@veramo/kms-local": "^6.0.0",

[mirceanis]

can you provide more details about the error?

[Baleandor]

I cannot show more of the component code, but I can show you the error I get.

TypeError: Cannot assign to read only property 'name' of function 'class InvalidTypeError extends Error {
    constructor(message = "Invalid type"){
        super(message);
     ...<omitted>...
}'

Call Stack
name
node_modules\ipfs-unixfs\dist\src\errors.js (2:11)
(app-pages-browser)/./node_modules/ipfs-unixfs/dist/src/errors.js
<projectRoot>/webapp/.next/static/chunks/app/onboarding/secret-phrase/page.js (10056:1)
options.factory
<projectRoot>/webapp/.next/static/chunks/webpack.js (721:31)
__webpack_require__
<projectRoot>/webapp/.next/static/chunks/webpack.js (37:33)
fn
<projectRoot>/webapp/.next/static/chunks/webpack.js (376:21)
eval
(app-pages-browser)/node_modules/ipfs-unixfs/dist/src/index.js (6:68)
(app-pages-browser)/./node_modules/ipfs-unixfs/dist/src/index.js
<projectRoot>/webapp/.next/static/chunks/app/onboarding/secret-phrase/page.js (10067:1)
options.factory
<projectRoot>/webapp/.next/static/chunks/webpack.js (721:31)
__webpack_require__
<projectRoot>/webapp/.next/static/chunks/webpack.js (37:33)
fn
<projectRoot>/webapp/.next/static/chunks/webpack.js (376:21)
eval
(app-pages-browser)/node_modules/@veramo/utils/build/credential-utils.js (17:69)
(app-pages-browser)/./node_modules/@veramo/utils/build/credential-utils.js
<projectRoot>/webapp/.next/static/chunks/app/onboarding/secret-phrase/page.js (5161:1)
options.factory
<projectRoot>/webapp/.next/static/chunks/webpack.js (721:31)
__webpack_require__
<projectRoot>/webapp/.next/static/chunks/webpack.js (37:33)
fn
<projectRoot>/webapp/.next/static/chunks/webpack.js (376:21)
eval
(app-pages-browser)/node_modules/@veramo/utils/build/index.js (47:78)
(app-pages-browser)/./node_modules/@veramo/utils/build/index.js
<projectRoot>/webapp/.next/static/chunks/app/onboarding/secret-phrase/page.js (5194:1)
options.factory
<projectRoot>/webapp/.next/static/chunks/webpack.js (721:31)
__webpack_require__
<projectRoot>/webapp/.next/static/chunks/webpack.js (37:33)
fn
<projectRoot>/webapp/.next/static/chunks/webpack.js (376:21)
eval
(app-pages-browser)/node_modules/@veramo/key-manager/build/key-manager.js (8:71)
(app-pages-browser)/./node_modules/@veramo/key-manager/build/key-manager.js
<projectRoot>/webapp/.next/static/chunks/app/onboarding/secret-phrase/page.js (4688:1)
options.factory
<projectRoot>/webapp/.next/static/chunks/webpack.js (721:31)
__webpack_require__
<projectRoot>/webapp/.next/static/chunks/webpack.js (37:33)
fn
<projectRoot>/webapp/.next/static/chunks/webpack.js (376:21)
eval
(app-pages-browser)/node_modules/@veramo/key-manager/build/index.js (11:73)
(app-pages-browser)/./node_modules/@veramo/key-manager/build/index.js
<projectRoot>/webapp/.next/static/chunks/app/onboarding/secret-phrase/page.js (4677:1)
options.factory
<projectRoot>/webapp/.next/static/chunks/webpack.js (721:31)
__webpack_require__
<projectRoot>/webapp/.next/static/chunks/webpack.js (37:33)
fn
<projectRoot>/webapp/.next/static/chunks/webpack.js (376:21)
eval
(app-pages-browser)/src/veramo-setup.ts (7:77)
(app-pages-browser)/./src/veramo-setup.ts
<projectRoot>/webapp/.next/static/chunks/app/onboarding/secret-phrase/page.js (3621:1)
options.factory
<projectRoot>/webapp/.next/static/chunks/webpack.js (721:31)
__webpack_require__
<projectRoot>/webapp/.next/static/chunks/webpack.js (37:33)
fn
<projectRoot>/webapp/.next/static/chunks/webpack.js (376:21)
eval
(app-pages-browser)/src/app/onboarding/secret-phrase/SeedPhrase.tsx (26:72)
(app-pages-browser)/./src/app/onboarding/secret-phrase/SeedPhrase.tsx
<projectRoot>/webapp/.next/static/chunks/app/onboarding/secret-phrase/page.js (3301:1)
options.factory
<projectRoot>/webapp/.next/static/chunks/webpack.js (721:31)
__webpack_require__
<projectRoot>/webapp/.next/static/chunks/webpack.js (37:33)
fn
<projectRoot>/webapp/.next/static/chunks/webpack.js (376:21)
eval
(app-pages-browser)/src/app/onboarding/secret-phrase/page.tsx (9:69)
(app-pages-browser)/./src/app/onboarding/secret-phrase/page.tsx
<projectRoot>/webapp/.next/static/chunks/app/onboarding/secret-phrase/page.js (3323:1)
options.factory
<projectRoot>/webapp/.next/static/chunks/webpack.js (721:31)
__webpack_require__
<projectRoot>/webapp/.next/static/chunks/webpack.js (37:33)
fn
<projectRoot>/webapp/.next/static/chunks/webpack.js (376:21)
__webpack_require__
node_modules\next\dist\compiled\react-server-dom-webpack\cjs\react-server-dom-webpack-client.browser.development.js (156:22)
requireModule
node_modules\next\dist\compiled\react-server-dom-webpack\cjs\react-server-dom-webpack-client.browser.development.js (1357:16)
initializeModuleChunk
node_modules\next\dist\compiled\react-server-dom-webpack\cjs\react-server-dom-webpack-client.browser.development.js (1302:4)
resolveModuleChunk
node_modules\next\dist\compiled\react-server-dom-webpack\cjs\react-server-dom-webpack-client.browser.development.js (1774:13)