Closed camdengrieh closed 7 months ago
To temporarily fix this I have had to change the imports of the modules for @apollo/client
import pkg from "@apollo/client"; const { ApolloLink, HttpLink } = pkg;
How come the package doesn't come with the tsconfig?
Hi @camdengrieh! It's an issue with apollo package and ESM projects. These imports are generated by codegen. Our example NextJS project works fine with it. If it's acceptable for you, try to change your project to common js, or see https://github.com/apollographql/apollo-client/issues/9976 to solve the issue in ESM project
I am using the latest version of the SDK and my stack is Typescript NextJs.
When loading the dApp the following error is thrown...
"SyntaxError: Named export 'gql' not found. The requested module '@apollo/client' is a CommonJS module, which may not support all module.exports as named exports. CommonJS modules can always be imported via the default export, for example using:
import pkg from '@apollo/client'; const {O: ODDS_DECIMALS,a: configRef,M: MAX_UINT_256,D: DEFAULT_DEADLINE}from'./config.js';export{c: chainsData}from'./config.js';import {u: useChain}from'./chainContext.js';export{C: ChainProvider}from'./chainContext.js';import {useMemo,useEffect,useState}from'react';import {gql,useQuery,useApolloClient}from'@apollo/client';import {getMarketName,getSelectionName,dictionaries,getMarketKey,getMarketDescription}from'@azuro-org/dictionaries';import {useAccount,useBalance,usePublicClient,useContractRead,useContractEvent,erc20ABI,useContractWrite,useWaitForTransaction}from'wagmi';import {parseUnits,decodeEventLog,formatUnits,encodeAbiParameters,parseAbiParameters} = pkg;"