In next js I am getting this error in the image
queries: [
Query.equal('title', TitleId),
Query.limit(10)
]
am I doing something wrong ? appwrite version: 22.0.0 and I found a diy workaround for now
const SafeQuery = {
limit: (value) => JSON.stringify({ method: "limit", values: [value] }),
equal: (attribute, value) =>
JSON.stringify({ method: "equal", attribute, values: [value] }),
};
queries: [SafeQuery.equal("titleId", titleId), SafeQuery.limit(1)],
I dont know why is this happening.
I got a debug from antigravity
It was a bit of both—a conflict between the Appwrite SDK and the Next.js build environment (specifically when using Turbopack ).
Here is the breakdown of why it failed:
- The SDK Dependency
The Appwrite Web SDK uses a library called
json-bigintinternally. This library is used to safely convert query objects (like Query.limit(10)) into JSON strings while ensuring large numbers (BigInts) don't lose precision. - The Failing Check
Inside that
json-bigintlibrary, there is a technical check that looks like this:
if (value instanceof BigNumber) { ... }
This check is designed to see if a value is a high-precision number.
- The "Causal" Conflict In the Next.js environment (specifically the way it bundles modules), the BigNumber constructor was not being correctly identified as a "callable function" by the time it reached that specific line in the SDK.
When JavaScript sees x instanceof Y, it expects Y to be a constructor (a class or function). Because of a module resolution glitch during the build process, BigNumber was essentially "empty" or not recognized as a function, which triggered the error:
TypeError: Right-hand side of `instanceof` is not callable
Why the Fix Works
The SafeQuery helper I wrote simply skips the SDK's broken stringification logic. Instead of giving the SDK an object and asking it to stringify it (which triggers the crash), we give it the exact JSON string it expects:
// Instead of Query.limit(10) returning an object...
// SafeQuery returns the final string directly:
'{"method":"limit","values":[10]}'
By providing the final product directly, we bypassed the line of code in the SDK that was crashing. This is a common workaround for SDK-level bundling issues in modern frameworks like Next.js.
Recommended threads
- Usage of the new Client() and dealing wi...
Hey guys, just a quick one - we had some web traffic the other day and it ended up bombing out - To put in perspective of how the app works, we have a Nuxt Ap...
- Cloud function deploy stucks in processi...
Been trying for the last hours to deploy my function but for whatever reason, alwasy stuck on processing!
- Increase by operators
I see appwrite have bunch of useful operators for querieng db. One more I would like to suggest is operators like increase the count of a int columns by 1,2.. ...