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
- Hey everyone! I'm trying to self-host th...
Hey everyone! I'm trying to self-host the latest Appwrite version (1.8.1) on Coolify. Which docker-compose.yml file should I use from their repo? Can someone he...
- Many2Many loading, not receiving list
Hi everyone! Im having a bit of trouble while editing single rows in the DB. When selecting a value of my many2many it keeps loading, see screenshot. On some ...
- Appwrite Python SDK Keeps returning the ...
So I have a couple services, one is a scheduling engine responsible for fetching data from a database and launching a containerized micro service to process tha...