Getting error after installing v10 Sdk

Help - Plug n Play PnP Web SDKs
1
  • 10.0.0(package.json):
  • CRA:

Screenshot 2025-05-26 at 11.24.38 AM
Screenshot 2025-05-26 at 11.24.38 AM3418×1636 418 KB

 <Web3AuthProvider config={web3AuthContextConfig}>
                    <QueryClientProvider client={queryClient}>
                      <WagmiProvider>
                        <ConnectProvider>
                          <GlobalProvider>
                            <BalanceRefereshProvider>
                              <BetSlipProvider>
                                <AzuroBetSlipProvider>
                                  <PlaceOnChainProvider>
                                    <UserLevelProvider>
                                      <Helmet>
                                        <meta
                                          name="robots"
                                          content="follow, index, max-snippet:-1, max-video-preview:-1, max-image-preview:large"
                                        />
                                      </Helmet>
                                      <RenderRoutes />
                                      <ToastContainer />
                                    </UserLevelProvider>
                                  </PlaceOnChainProvider>
                                </AzuroBetSlipProvider>
                              </BetSlipProvider>
                            </BalanceRefereshProvider>
                          </GlobalProvider>
                        </ConnectProvider>
                      </WagmiProvider>
                    </QueryClientProvider>
                  </Web3AuthProvider>
2

Thanks for sharing the details and the screenshot! I see you’re using the PnP Web SDK v10.0.0 with Create React App (CRA), and encountering an error after upgrading.

What We Have From You

  • SDK: PnP Web SDK
  • SDK Version: 10.0.0
  • Platform: React (CRA)
  • Code Context: <Web3AuthProvider /> wrapping your app
  • Screenshot: (Unfortunately, I can’t view the image directly, but it seems to be an error message.)

To Help You Further

Could you please provide:

  • The exact error message (copy-paste from the browser console or terminal)?
  • Your Web3Auth initialization code snippet (how you’re configuring web3AuthContextConfig and initializing the SDK)?

This info will help us pinpoint what’s going wrong with the v10 upgrade.

Common Issues with v10 Upgrade

  • Breaking Changes: v10 introduces some breaking changes. Make sure you’ve updated your initialization and provider usage as per the migration guide.
  • Provider Placement: Ensure <Web3AuthProvider> is at the top level and wraps your app correctly, as you’ve done.
  • React 18+: If you’re using React 18, check for compatibility issues.

Next Steps:

  1. Please share the error message and initialization code.
  2. Double-check the v10 migration guide for any missed changes.

Once we have the error details, we’ll be able to assist you further!

Note: This response was generated by an AI bot and may require further verification. The Web3Auth support team has tracked this issue and will be responding as soon as possible.

Additionally, we would recommend you to join our biweekly Office Hours to get this resolved even faster. Web3Auth Developer Office Hours

3

Error from browser console

index.js:98 Uncaught TypeError: (0 , import_openapi_fetch.default) is not a function
    at options.factory (react refresh:37:1)
    at __webpack_require__ (bootstrap:22:1)
    at fn (hot module replacement:61:1)
    at hotRequire (react refresh:20:1)
    at options.factory (react refresh:37:1)
    at __webpack_require__ (bootstrap:22:1)
    at fn (hot module replacement:61:1)```
4

Hey @betnow

I have informed about this issue to our team. This is being caused by a sub dependency of ours because of which we had deprecated the use of CRA apps a while ago. I’d recommend you to migrate to Vite.

We have a step by step guide for the same over here: How to Migrate from Create React App to Vite

5

Thanks will check this