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
- fastly error
Hey! I'm hitting a Fastly error on the www version of our site, but the root domain works fine. We have a wildcard set up, so I expected the subdomain to be cov...
- Facebook's scraper facebookexternalhit g...
share.bardbliss.com but works fine on the raw fra.appwrite.run URL. No execution logs appear when Facebook hits the custom domain. This was working before. How ...
- How to Display File in Web?
I'm trying to use Appwrite's Storage to store images and display them in my app, however when I use the `getFileView`, `getFileDownload` or `getFilePreview` met...