mongodb-data-api
mongodb-data-api copied to clipboard
surmon-china
running the lib in nextJS middleware
Describe the bug
I am getting: error - (middleware)\node_modules\mongodb-data-api\dist\mongodb-data-api.esm.js (106:0) @ eval error - error.toJSON is not a function
Reproduction
-> mongodbDataApi.ts ` import { createMongoDBDataAPI } from 'mongodb-data-api'
const connectToMongoAPI = (collection: string) => { if ( !process.env.MONGODB_API_URL || !process.env.MONGODB_API_KEY || !process.env.MONGODB_CLUSTER || !process.env.MONGODB_DB_NAME ) return undefined
return createMongoDBDataAPI({ apiKey: process.env.MONGODB_API_KEY, urlEndpoint: process.env.MONGODB_API_URL, }) .$cluster(process.env.MONGODB_CLUSTER) .$database(process.env.MONGODB_DB_NAME) .$collection(collection) }
export default connectToMongoAPI ` -> middleware.ts
` import { NextResponse } from 'next/server' import type { NextRequest } from 'next/server' import { getToken } from 'next-auth/jwt'
import connectToMongoAPI from 'lib/mongodbDataApi'
export const middleware = async (req: NextRequest) => { const session = await getToken({ req, secret: process.env.SECRET })
/// auth Layer if ( !session && !( req.nextUrl.pathname.startsWith('/auth/login') || req.nextUrl.pathname.startsWith('/api/auth') ) ) return NextResponse.redirect(new URL('/auth/login', req.url))
/// role layer const res = await connectToMongoAPI('Pages')?.find({ filter: {} }) console.log(res) }
export const config = { matcher: ['/((?!_next|favicon.ico).*)'], }
`
System Info
System:
OS: Windows 10 10.0.19044
CPU: (16) x64 Intel(R) Core(TM) i7-10870H CPU @ 2.20GHz
Memory: 4.26 GB / 15.79 GB
Binaries:
Node: 16.16.0 - C:\Program Files\nodejs\node.EXE
npm: 8.17.0 - C:\Program Files\nodejs\npm.CMD
Browsers:
Edge: Spartan (44.19041.1266.0), Chromium (105.0.1343.50)
Internet Explorer: 11.0.19041.1566
npmPackages:
@babel/core: ^7.18.10 => 7.18.10
@commitlint/cli: ^17.0.3 => 17.0.3
@commitlint/config-conventional: ^17.0.3 => 17.0.3
@emotion/react: ^11.10.4 => 11.10.4
@emotion/styled: ^11.10.4 => 11.10.4
@mui/icons-material: ^5.10.3 => 5.10.3
@mui/lab: ^5.0.0-alpha.99 => 5.0.0-alpha.99
@mui/material: ^5.10.5 => 5.10.5
@next-auth/mongodb-adapter: ^1.0.4 => 1.0.4
@reduxjs/toolkit: ^1.8.4 => 1.8.4
@storybook/addon-a11y: ^6.5.10 => 6.5.10
@storybook/addon-actions: ^6.5.10 => 6.5.10
@storybook/addon-essentials: ^6.5.10 => 6.5.10
@storybook/addon-interactions: ^6.5.10 => 6.5.10
@storybook/addon-links: ^6.5.10 => 6.5.10
@storybook/builder-webpack5: ^6.5.10 => 6.5.10
@storybook/manager-webpack5: ^6.5.10 => 6.5.10
@storybook/react: ^6.5.10 => 6.5.10
@storybook/testing-library: ^0.0.13 => 0.0.13
@types/bcrypt: ^5.0.0 => 5.0.0
@types/node: 18.7.1 => 18.7.1
@types/react: 18.0.17 => 18.0.17
@types/react-dom: 18.0.6 => 18.0.6
@typescript-eslint/eslint-plugin: ^5.33.0 => 5.33.0
@typescript-eslint/parser: ^5.33.0 => 5.33.0
babel-loader: ^8.2.5 => 8.2.5
babel-preset-next: ^1.4.0 => 1.4.0
bcrypt: ^5.0.1 => 5.0.1
cross-env: ^7.0.3 => 7.0.3
eslint: ^8.21.0 => 8.21.0
eslint-config-next: 12.2.4 => 12.2.4
eslint-plugin-check-file: ^1.2.2 => 1.2.2
eslint-plugin-prefer-arrow: ^1.2.3 => 1.2.3
eslint-plugin-storybook: ^0.6.4 => 0.6.4
husky: ^8.0.0 => 8.0.1
lint-staged: ^13.0.3 => 13.0.3
mongodb: ^4.8.1 => 4.8.1
mongodb-data-api: ^0.2.0 => 0.2.0
mongoose: ^6.5.2 => 6.5.2
next: ^12.3.1 => 12.3.1
next-auth: ^4.10.3 => 4.10.3
next-redux-wrapper: ^8.0.0 => 8.0.0
prettier: ^2.7.1 => 2.7.1
react: 18.2.0 => 18.2.0
react-dom: 18.2.0 => 18.2.0
react-hook-form: ^7.34.2 => 7.34.2
react-redux: ^8.0.2 => 8.0.2
typescript: ^4.7.4 => 4.7.4
validate-branch-name: ^1.3.0 => 1.3.0
Used Package Manager
npm
Validations
- [X] Read the the documentation in detail.
- [X] Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
- [X] Check that this is a concrete bug. For Q&A open a GitHub Discussion or join our Discord Chat Server.
- [X] The provided reproduction is a minimal reproducible example of the bug.
error.toJSON() It is likely that the error is caused by the internal error handling logic, can you provide a more detailed error stack? It is better to reflect the data type of the error itself.
@surmon-china webpack-internal:/(sc_server)/node_modules/mongodb-data-api/dist/mongodb-data-api.esm.js (117:31).
Here is the code:
import { createMongoDBDataAPI } from 'mongodb-data-api'
const config = {
apiKey: process.env.MONGODB_API_KEY as string,
urlEndpoint: process.env.MONGODB_APP_URL as string
}
const mongo = createMongoDBDataAPI(config)
const res = await mongo.$cluster(process.env.MONGODB_CLUSTER).$database(process.env.MONGODB_DB).$collection('posts').find()
Hi! @Ezall2001 @fbjork
I think this issue has been fixed in v0.3.0 (please note there are some breaking change)
@surmon-china I just tried it, but now I get a new error:
Error: Cannot read properties of undefined (reading 'headers')
Call Stack
eval
webpack-internal:/(sc_server)/node_modules/mongodb-data-api/dist/mongodb-data-api.esm.js (109:30)
@surmon-china I just tried it, but now I get a new error:
Error: Cannot read properties of undefined (reading 'headers') Call Stack eval webpack-internal:/(sc_server)/node_modules/mongodb-data-api/dist/mongodb-data-api.esm.js (109:30)
Try v0.4.0 (API key desensitization is no longer processed when an error occurs.)
@surmon-china now I'm getting this error:
message: 'Adapter http is not supported by the environment',
name: 'AxiosError',
description: undefined,
number: undefined,
fileName: undefined,
lineNumber: undefined,
columnNumber: undefined,
stack: 'AxiosError: Adapter http is not supported by the environment\n at Object.getAdapter (webpack-internal:///(sc_server)/./node_modules/axios/dist/node/axios.cjs:2598:23)\n at Axios.dispatchRequest (webpack-internal:///(sc_server)/./node_modules/axios/dist/node/axios.cjs:2641:30)\n at Axios.request (webpack-internal:///(sc_server)/./node_modules/axios/dist/node/axios.cjs:2933:39)\n at MongoDBDataAPI.wrap (webpack-internal:///(sc_server)/./node_modules/axios/dist/node/axios.cjs:28:19)\n at MongoDBDataAPI.$$action (webpack-internal:///(sc_server)/./node_modules/mongodb-data-api/dist/mongodb-data-api.esm.js:93:69)\n at MongoDBDataAPI.find (webpack-internal:///(sc_server)/./node_modules/mongodb-data-api/dist/mongodb-data-api.esm.js:119:17)\n at Page (webpack-internal:///(sc_server)/./app/mongodb/page.tsx:15:71)\n at preloadComponent (webpack-internal:///(sc_client)/./node_modules/next/dist/esm/server/app-render.js:62:22)\n at eval (webpack-internal:///(sc_client)/./node_modules/next/dist/esm/server/app-render.js:801:24)\n at async createComponentTree (webpack-internal:///(sc_client)/./node_modules/next/dist/esm/server/app-render.js:800:25)',
config: undefined,
code: 'ERR_NOT_SUPPORT',
status: null
}```
@surmon-china now I'm getting this error:
message: 'Adapter http is not supported by the environment', name: 'AxiosError', description: undefined, number: undefined, fileName: undefined, lineNumber: undefined, columnNumber: undefined, stack: 'AxiosError: Adapter http is not supported by the environment\n at Object.getAdapter (webpack-internal:///(sc_server)/./node_modules/axios/dist/node/axios.cjs:2598:23)\n at Axios.dispatchRequest (webpack-internal:///(sc_server)/./node_modules/axios/dist/node/axios.cjs:2641:30)\n at Axios.request (webpack-internal:///(sc_server)/./node_modules/axios/dist/node/axios.cjs:2933:39)\n at MongoDBDataAPI.wrap (webpack-internal:///(sc_server)/./node_modules/axios/dist/node/axios.cjs:28:19)\n at MongoDBDataAPI.$$action (webpack-internal:///(sc_server)/./node_modules/mongodb-data-api/dist/mongodb-data-api.esm.js:93:69)\n at MongoDBDataAPI.find (webpack-internal:///(sc_server)/./node_modules/mongodb-data-api/dist/mongodb-data-api.esm.js:119:17)\n at Page (webpack-internal:///(sc_server)/./app/mongodb/page.tsx:15:71)\n at preloadComponent (webpack-internal:///(sc_client)/./node_modules/next/dist/esm/server/app-render.js:62:22)\n at eval (webpack-internal:///(sc_client)/./node_modules/next/dist/esm/server/app-render.js:801:24)\n at async createComponentTree (webpack-internal:///(sc_client)/./node_modules/next/dist/esm/server/app-render.js:800:25)', config: undefined, code: 'ERR_NOT_SUPPORT', status: null }```
This looks like an axios request error caused by the runtime environment, can you provide your system info? (npx envinfo --system --npmPackages --binaries --browsers)
@surmon-china here goes. Also note that I'm using the edge runtime with my Next.js project.
System:
OS: macOS 13.0.1
CPU: (6) x64 Intel(R) Core(TM) i5-9600K CPU @ 3.70GHz
Memory: 844.29 MB / 32.00 GB
Shell: 3.2.57 - /bin/bash
Binaries:
Node: 16.15.0 - ~/.nvm/versions/node/v16.15.0/bin/node
Yarn: 1.22.19 - ~/.nvm/versions/node/v16.15.0/bin/yarn
npm: 8.14.0 - ~/.nvm/versions/node/v16.15.0/bin/npm
Browsers:
Brave Browser: 103.1.40.105
Chrome: 107.0.5304.110
Safari: 16.1
npmPackages:
@graphql-codegen/cli: 2.13.12 => 2.13.12
@graphql-codegen/client-preset: 1.1.5 => 1.1.5
@planetscale/database: ^1.4.0 => 1.4.0
@tailwindcss/typography: 0.5.8 => 0.5.8
@types/node: 18.11.9 => 18.11.9
@types/react: 18.0.25 => 18.0.25
@types/react-dom: 18.0.9 => 18.0.9
@xata.io/client: ^0.21.2 => 0.21.2
autoprefixer: 10.4.13 => 10.4.13
graphql: 16.6.0 => 16.6.0
graphql-request: 5.0.0 => 5.0.0
mongodb-data-api: 0.4.0 => 0.4.0
next: 13.0.5 => 13.0.5
postcss: 8.4.19 => 8.4.19
react: 18.2.0 => 18.2.0
react-dom: 18.2.0 => 18.2.0
tailwindcss: 3.2.4 => 3.2.4
typescript: 4.9.3 => 4.9.3