fiz a instalação do ApolloClient como na aula e quando fui fazer o npm run dev deu esse erro no console
Uncaught SyntaxError: The requested module '/node_modules/.vite/deps/@apollo_client.js?v=755040b7' does not provide an export named 'ApolloProvider' (at main.jsx:5:39)
assim esta o meu codigo main
import { StrictMode } from 'react'
import { createRoot } from 'react-dom/client'
import './index.css'
import App from './App.jsx'
import { ApolloClient, InMemoryCache, ApolloProvider } from '@apollo/client'
const client = new ApolloClient({
uri: 'http://localhost:3001/graphql',
cache: new InMemoryCache(),
})
createRoot(document.getElementById('root')).render(
,
)
e esse é meu package.json
{
"name": "react-runner-circle",
"private": true,
"version": "0.1.0",
"type": "module",
"scripts": {
"dev": "vite",
"build": "vite build",
"lint": "eslint .",
"preview": "vite preview",
"server:json-server": "json-server --watch database/json-server.json --port 3001",
"server:json-graphql": "npx json-graphql-server database/json-graphql-server.js --port 3001"
},
"dependencies": {
"@apollo/client": "^4.0.9",
"@emotion/react": "^11.14.0",
"@emotion/styled": "^11.14.1",
"@mui/icons-material": "^7.3.1",
"@mui/material": "^7.3.1",
"graphql": "^16.12.0",
"json-graphql-server": "^3.2.1",
"json-server": "^1.0.0-beta.3",
"react": "^19.1.1",
"react-dom": "^19.1.1"
},
"devDependencies": {
"@eslint/js": "^9.33.0",
"@types/react": "^19.1.10",
"@types/react-dom": "^19.1.7",
"@vitejs/plugin-react": "^5.0.0",
"autoprefixer": "^10.4.21",
"eslint": "^9.33.0",
"eslint-plugin-react-hooks": "^5.2.0",
"eslint-plugin-react-refresh": "^0.4.20",
"globals": "^16.3.0",
"postcss": "^8.5.6",
"puppeteer": "^24.16.2",
"tailwindcss": "^3.4.17",
"vite": "^7.1.2"
}
}
