React UI: Cannot find module @dynamic-labs-sdk/client/core

[derwaldgeist]

When trying to import

import { CrossmintHostedCheckout, CrossmintProvider } from '@crossmint/client-sdk-react-ui';

my app breaks because packages are missing:

"@dynamic-labs-sdk/client/core" in
node_modules/@dynamic-labs/sdk-react-core/src/lib/store/state/nonce/nonce.js
"@react-native-async-storage/async-storage" in
node_modules/@dynamic-labs/ethereum/node_modules/@metamask/sdk/dist/browser/es/metamask-sdk.js

Are these peer dependencies?

[derwaldgeist]

I tried to add them as a peer dependency, but this did not work either.

(Also, I am not using React Native at all.)

[derwaldgeist]

I also tried out the Quick Instructions here:

https://docs.crossmint.com/payments/v2/embedded/quickstart

But this does not seem to be up-to-date, because it fails with this import that does not exist anymore:

import { CrossmintPaymentElement } from "@crossmint/client-sdk-react-ui";

[derwaldgeist]

Also tried this:

https://github.com/Crossmint/hosted-checkout-quickstart

The popup first throws an error because no quantity had been set. After fixing this, I am getting:

Not sure what this means?

Please note that I have set-up a production collection here. Maybe this has an impact? Dunno.

I'm also seeing this error in the console, but it seems to be unrelated:

A tree hydrated but some attributes of the server rendered HTML didn't match the client properties.

[derwaldgeist]

I also tried version 1.9.21, but there I am getting: