get_starknet_core_1.getStarknet is not a function

[iddriss]

While using the useConnectors() hook, the following error occurred when accessing connector methods after upgrading to version v0.17.1 from v0.14.6

It appears the error only occurs for methods that use ensureWallet(). The error indicates that .getStarknet is not a function, however tracing back to the line show .getStarknet is in fact a function.

[fracek]

It looks like something strange with get-starknet or get-starknet-core. Requires further investigation.

[fracek]

I tried to reproduce the issue with the following steps:

• create a new project with npx create-starknet, selecting the next.js template
• update the @starknet-react/core version to '^0.17.2'
• run npm update
• check that the lock file contains the updated version of starknet react
• load the main page npm run dev and connect the wallet. The WalletBar component uses useConnectors so it should trigger this issue.

Unfortunately I did not get any error. Can you try to run the same steps as me and see if there is any issue?

[iddriss]

Alright, I'll try that

[fracek]

Are you using create-react-app by any chance? In that case, it could be this issue facebook/create-react-app#12021

If you attach a debugger in the browser, you should see something like this (notice the .cjs extension)

[fracek]

I was able to fix the issue my monkey patching the webpack config used by cra. Here is the commit that shows exactly how to do it

[iddriss]

I was able to fix the issue my monkey patching the webpack config used by cra. Here is the commit that shows exactly how to do it

This fixed my issue. Thanks for helping with the problem.

[iddriss]

Ended up using this

facebook/create-react-app#12700 (comment)

somehow the cjs file was still processed as a static file after building . Works perfectly on while using running the start script.

export default {
  webpack: {
    configure: config => ({
      ...config,
      module: {
        ...config.module,
        rules: config.module.rules.map(rule => {
          if (rule.oneOf instanceof Array) {
            // eslint-disable-next-line no-param-reassign
            rule.oneOf[rule.oneOf.length - 1].exclude = [
              /\.(js|mjs|jsx|cjs|ts|tsx)$/,
              /\.html$/,
              /\.json$/,
            ];
          }
          return rule;
        }),
      },
    }),
  },
};