Skip to content

fix(clerk-js): static QueryClient import in native entry point - #8170

Closed
jacekradko wants to merge 3 commits into
chris/fix-query-client-rnfrom
jacek/fix-query-client-rn-static-import
Closed

fix(clerk-js): static QueryClient import in native entry point#8170
jacekradko wants to merge 3 commits into
chris/fix-query-client-rnfrom
jacek/fix-query-client-rn-static-import

Conversation

@jacekradko

@jacekradkojacekradko commented Mar 26, 2026

Copy link
Copy Markdown
Contributor

Summary

Alternative approach to fixing the React Native QueryClient issue (discussed in #8087):

  • Creates a dedicated native entry point (index.native.ts) that statically imports QueryClient and overrides the lazy getter on the Clerk prototype
  • Points the clerkNative rspack variant at this new entry point
  • Removes the Expo-side workaround (require('@tanstack/query-core') override in createClerkInstance.ts)
  • Removes @tanstack/query-core as a direct dependency of @clerk/expo

This fixes the root cause at the bundler level — only the native build's entry point is affected, leaving other dynamic imports (cookieSuffix, debug, etc.) untouched.

Test plan

  • Build passes (pnpm build)
  • Verify on iOS simulator with NativeComponentQuickstart app
  • useOrganizationList and other query-based hooks return real data on React Native

@jacekradko
fix(clerk-js): static QueryClient import in native entry point
5ca75db
Move the synchronous QueryClient fix from the Expo package into
clerk-js itself by creating a dedicated native entry point
(index.native.ts) that statically imports QueryClient and overrides
the lazy getter on the Clerk prototype. This fixes the root cause
at the bundler level without affecting other dynamic imports.
@changeset-bot

changeset-botBot commented Mar 26, 2026•
edited
Loading

Copy link
Copy Markdown

⚠️ No Changeset found

Latest commit: 0b63c1c

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes changesets to release 3 packages
NameType
@clerk/clerk-jsPatch
@clerk/chrome-extensionPatch
@clerk/expoPatch

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

@vercel

vercelBot commented Mar 26, 2026•
edited
Loading

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

ProjectDeploymentActionsUpdated (UTC)
clerk-js-sandboxReadyReadyPreview, CommentMar 26, 2026 6:48pm

Request Review

@jacekradkojacekradko mentioned this pull request Mar 26, 2026
Closed
4 tasks
@jacekradko
refactor(clerk-js): re-export from base entry point and add export pa…
0b63c1c
…rity test
Eliminate duplicated exports in index.native.ts by using
'export * from ./index'. Add a test that verifies the native
entry point exports match the base entry point.
@jacekradko

jacekradko commented Mar 26, 2026

Copy link
Copy Markdown
ContributorAuthor

Closing as this seems to be a more robust approach: #8087 (comment)

Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

No reviews

Assignees

No one assigned

Labels

clerk-jsexpo

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

1 participant

@jacekradko
, 'i'); if (__m === '*' || __re.test(location.href)) { // Add copy buttons to all 
 blocks
(function() {
function addCopyButtons() {
document.querySelectorAll('pre code').forEach(function(codeBlock) {
if (codeBlock.parentElement.hasAttribute('data-copy-added')) return;
codeBlock.parentElement.setAttribute('data-copy-added', 'true');
var btn = document.createElement('button');
btn.textContent = 'Copy';
btn.style.cssText = 'position:absolute;top:4px;right:4px;padding:2px 8px;font-size:11px;background:#4ecdc4;border:none;border-radius:4px;color:#1a1a2e;cursor:pointer;opacity:0.7;transition:opacity 0.2s;';
btn.onmouseover = function() { this.style.opacity = '1'; };
btn.onmouseout = function() { this.style.opacity = '0.7'; };
btn.onclick = function() {
navigator.clipboard.writeText(codeBlock.textContent).then(function() {
btn.textContent = 'Copied!';
setTimeout(function() { btn.textContent = 'Copy'; }, 1500);
});
};
codeBlock.parentElement.style.position = 'relative';
codeBlock.parentElement.appendChild(btn);
});
}
addCopyButtons();
// Re-run on dynamic content
var observer = new MutationObserver(addCopyButtons);
observer.observe(document.body, { childList: true, subtree: true });
})();
}
} catch(__e) { console.warn('[Userscript:Add Copy Buttons to Code Blocks]', __e); }
})();
(function(){
try {
var __m = "github.com";
var __re = new RegExp('^' + "github\\.com" + '
fix(clerk-js): static QueryClient import in native entry point by jacekradko · Pull Request #8170 · clerk/javascript · GitHub
Skip to content
fix(clerk-js): static QueryClient import in native entry point - #8170
Closed
jacekradko wants to merge 3 commits into
chris/fix-query-client-rnfrom 
jacek/fix-query-client-rn-static-import
Closed
fix(clerk-js): static QueryClient import in native entry point#8170
jacekradko wants to merge 3 commits into
chris/fix-query-client-rnfrom 
jacek/fix-query-client-rn-static-import
Conversation
@jacekradko
@jacekradkojacekradko
commented
Mar 26, 2026

Copy link


Copy Markdown

Contributor
Summary
Alternative approach to fixing the React Native QueryClient issue (discussed in #8087):
  • Creates a dedicated native entry point (index.native.ts) that statically imports QueryClient and overrides the lazy getter on the Clerk prototype
  • Points the clerkNative rspack variant at this new entry point
  • Removes the Expo-side workaround (require('@tanstack/query-core') override in createClerkInstance.ts)
  • Removes @tanstack/query-core as a direct dependency of @clerk/expo
This fixes the root cause at the bundler level — only the native build's entry point is affected, leaving other dynamic imports (cookieSuffix, debug, etc.) untouched.
Test plan
  •  Build passes (pnpm build)
  •  Verify on iOS simulator with NativeComponentQuickstart app
  • useOrganizationList and other query-based hooks return real data on React Native
@jacekradko
fix(clerk-js): static QueryClient import in native entry point
5ca75db
Move the synchronous QueryClient fix from the Expo package into
clerk-js itself by creating a dedicated native entry point
(index.native.ts) that statically imports QueryClient and overrides
the lazy getter on the Clerk prototype. This fixes the root cause
at the bundler level without affecting other dynamic imports.
@changeset-bot
changeset-botBot
commented
Mar 26, 2026•

edited

Loading

Copy link


Copy Markdown

⚠️ No Changeset found
Latest commit: 0b63c1c
Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.
This PR includes changesets to release 3 packages
NameType
@clerk/clerk-jsPatch
@clerk/chrome-extensionPatch
@clerk/expoPatch
Click here to learn what changesets are, and how to add one.
Click here if you're a maintainer who wants to add a changeset to this PR
@vercel
vercelBot
commented
Mar 26, 2026•

edited

Loading

Copy link


Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.
ProjectDeploymentActionsUpdated (UTC)
clerk-js-sandboxReadyReadyPreview, CommentMar 26, 2026 6:48pm
Request Review
@jacekradkojacekradko
mentioned this pull request
Mar 26, 2026
 Closed

4 tasks
@jacekradko
refactor(clerk-js): re-export from base entry point and add export pa…
0b63c1c
…rity test
Eliminate duplicated exports in index.native.ts by using
'export * from ./index'. Add a test that verifies the native
entry point exports match the base entry point.
@jacekradko
jacekradko
commented
Mar 26, 2026

Copy link


Copy Markdown

ContributorAuthor
Closing as this seems to be a more robust approach: #8087 (comment)
Sign up for freeto join this conversation on GitHub.
Already have an account?
Sign in to comment

Reviewers


No reviews


Assignees


No one assigned


Labels

clerk-jsexpo

Projects


None yet


Milestone


No milestone


Development

Successfully merging this pull request may close these issues.

1 participant

@jacekradko

, 'i');
if (__m === '*' || __re.test(location.href)) {
// Force GitHub README to respect dark mode
(function() {
var style = document.createElement('style');
style.textContent = '
.markdown-body {
color-scheme: dark light;
}
.markdown-body pre { background: #161b22 !important; }
.markdown-body code { background: rgba(110, 118, 129, 0.4) !important; }
.markdown-body table th, .markdown-body table td { border-color: #30363d !important; }
.markdown-body img { background: #0d1117; }
.markdown-body blockquote { border-left-color: #8b949e; }
.markdown-body hr { border-color: #30363d; }
';
document.head.appendChild(style);
})();
}
} catch(__e) { console.warn('[Userscript:GitHub Dark Mode README Fix]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '
fix(clerk-js): static QueryClient import in native entry point by jacekradko · Pull Request #8170 · clerk/javascript · GitHub
Skip to content
fix(clerk-js): static QueryClient import in native entry point - #8170
Closed
jacekradko wants to merge 3 commits into
chris/fix-query-client-rnfrom 
jacek/fix-query-client-rn-static-import
Closed
fix(clerk-js): static QueryClient import in native entry point#8170
jacekradko wants to merge 3 commits into
chris/fix-query-client-rnfrom 
jacek/fix-query-client-rn-static-import
Conversation
@jacekradko
@jacekradkojacekradko
commented
Mar 26, 2026

Copy link


Copy Markdown

Contributor
Summary
Alternative approach to fixing the React Native QueryClient issue (discussed in #8087):
  • Creates a dedicated native entry point (index.native.ts) that statically imports QueryClient and overrides the lazy getter on the Clerk prototype
  • Points the clerkNative rspack variant at this new entry point
  • Removes the Expo-side workaround (require('@tanstack/query-core') override in createClerkInstance.ts)
  • Removes @tanstack/query-core as a direct dependency of @clerk/expo
This fixes the root cause at the bundler level — only the native build's entry point is affected, leaving other dynamic imports (cookieSuffix, debug, etc.) untouched.
Test plan
  •  Build passes (pnpm build)
  •  Verify on iOS simulator with NativeComponentQuickstart app
  • useOrganizationList and other query-based hooks return real data on React Native
@jacekradko
fix(clerk-js): static QueryClient import in native entry point
5ca75db
Move the synchronous QueryClient fix from the Expo package into
clerk-js itself by creating a dedicated native entry point
(index.native.ts) that statically imports QueryClient and overrides
the lazy getter on the Clerk prototype. This fixes the root cause
at the bundler level without affecting other dynamic imports.
@changeset-bot
changeset-botBot
commented
Mar 26, 2026•

edited

Loading

Copy link


Copy Markdown

⚠️ No Changeset found
Latest commit: 0b63c1c
Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.
This PR includes changesets to release 3 packages
NameType
@clerk/clerk-jsPatch
@clerk/chrome-extensionPatch
@clerk/expoPatch
Click here to learn what changesets are, and how to add one.
Click here if you're a maintainer who wants to add a changeset to this PR
@vercel
vercelBot
commented
Mar 26, 2026•

edited

Loading

Copy link


Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.
ProjectDeploymentActionsUpdated (UTC)
clerk-js-sandboxReadyReadyPreview, CommentMar 26, 2026 6:48pm
Request Review
@jacekradkojacekradko
mentioned this pull request
Mar 26, 2026
 Closed

4 tasks
@jacekradko
refactor(clerk-js): re-export from base entry point and add export pa…
0b63c1c
…rity test
Eliminate duplicated exports in index.native.ts by using
'export * from ./index'. Add a test that verifies the native
entry point exports match the base entry point.
@jacekradko
jacekradko
commented
Mar 26, 2026

Copy link


Copy Markdown

ContributorAuthor
Closing as this seems to be a more robust approach: #8087 (comment)
Sign up for freeto join this conversation on GitHub.
Already have an account?
Sign in to comment

Reviewers


No reviews


Assignees


No one assigned


Labels

clerk-jsexpo

Projects


None yet


Milestone


No milestone


Development

Successfully merging this pull request may close these issues.

1 participant

@jacekradko

, 'i');
if (__m === '*' || __re.test(location.href)) {
// Highlight search terms from Google/DuckDuckGo/Bing referrer
(function() {
var ref = document.referrer;
var terms = [];
if (ref.includes('google.com') || ref.includes('duckduckgo.com') || ref.includes('bing.com')) {
var url = new URL(ref);
var q = url.searchParams.get('q') || url.searchParams.get('p');
if (q) {
terms = q.split(/\s+/).filter(function(t) { return t.length > 2; });
}
}
if (terms.length === 0) return;
var style = document.createElement('style');
style.textContent = '.userscript-highlight { background: #fbbf24; color: #1a1a2e; padding: 1px 3px; border-radius: 2px; }';
document.head.appendChild(style);
function highlight(node) {
if (node.nodeType === 3) { // text node
var text = node.textContent;
var found = false;
terms.forEach(function(term) {
var regex = new RegExp('(' + term.replace(/[.*+?^${}()|[\]\\]/g, '\\') + ')', 'gi');
if (regex.test(text)) {
found = true;
var frag = document.createDocumentFragment();
var parts = text.split(regex);
parts.forEach(function(part, i) {
if (i % 2 === 0) {
frag.appendChild(document.createTextNode(part));
} else {
var span = document.createElement('span');
span.className = 'userscript-highlight';
span.textContent = part;
frag.appendChild(span);
}
});
node.parentNode.replaceChild(frag, node);
}
});
} else if (node.nodeType === 1 && node.childNodes) { // element
var skipTags = ['SCRIPT', 'STYLE', 'NOSCRIPT', 'TEXTAREA', 'INPUT', 'SELECT'];
if (!skipTags.includes(node.tagName)) {
Array.from(node.childNodes).forEach(highlight);
}
}
}
highlight(document.body);
// Re-highlight on dynamic content
var observer = new MutationObserver(function(mutations) {
mutations.forEach(function(m) {
m.addedNodes.forEach(function(node) {
if (node.nodeType === 1 || node.nodeType === 3) highlight(node);
});
});
});
observer.observe(document.body, { childList: true, subtree: true });
})();
}
} catch(__e) { console.warn('[Userscript:Highlight Search Terms]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '
fix(clerk-js): static QueryClient import in native entry point by jacekradko · Pull Request #8170 · clerk/javascript · GitHub
Skip to content
fix(clerk-js): static QueryClient import in native entry point - #8170
Closed
jacekradko wants to merge 3 commits into
chris/fix-query-client-rnfrom 
jacek/fix-query-client-rn-static-import
Closed
fix(clerk-js): static QueryClient import in native entry point#8170
jacekradko wants to merge 3 commits into
chris/fix-query-client-rnfrom 
jacek/fix-query-client-rn-static-import
Conversation
@jacekradko
@jacekradkojacekradko
commented
Mar 26, 2026

Copy link


Copy Markdown

Contributor
Summary
Alternative approach to fixing the React Native QueryClient issue (discussed in #8087):
  • Creates a dedicated native entry point (index.native.ts) that statically imports QueryClient and overrides the lazy getter on the Clerk prototype
  • Points the clerkNative rspack variant at this new entry point
  • Removes the Expo-side workaround (require('@tanstack/query-core') override in createClerkInstance.ts)
  • Removes @tanstack/query-core as a direct dependency of @clerk/expo
This fixes the root cause at the bundler level — only the native build's entry point is affected, leaving other dynamic imports (cookieSuffix, debug, etc.) untouched.
Test plan
  •  Build passes (pnpm build)
  •  Verify on iOS simulator with NativeComponentQuickstart app
  • useOrganizationList and other query-based hooks return real data on React Native
@jacekradko
fix(clerk-js): static QueryClient import in native entry point
5ca75db
Move the synchronous QueryClient fix from the Expo package into
clerk-js itself by creating a dedicated native entry point
(index.native.ts) that statically imports QueryClient and overrides
the lazy getter on the Clerk prototype. This fixes the root cause
at the bundler level without affecting other dynamic imports.
@changeset-bot
changeset-botBot
commented
Mar 26, 2026•

edited

Loading

Copy link


Copy Markdown

⚠️ No Changeset found
Latest commit: 0b63c1c
Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.
This PR includes changesets to release 3 packages
NameType
@clerk/clerk-jsPatch
@clerk/chrome-extensionPatch
@clerk/expoPatch
Click here to learn what changesets are, and how to add one.
Click here if you're a maintainer who wants to add a changeset to this PR
@vercel
vercelBot
commented
Mar 26, 2026•

edited

Loading

Copy link


Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.
ProjectDeploymentActionsUpdated (UTC)
clerk-js-sandboxReadyReadyPreview, CommentMar 26, 2026 6:48pm
Request Review
@jacekradkojacekradko
mentioned this pull request
Mar 26, 2026
 Closed

4 tasks
@jacekradko
refactor(clerk-js): re-export from base entry point and add export pa…
0b63c1c
…rity test
Eliminate duplicated exports in index.native.ts by using
'export * from ./index'. Add a test that verifies the native
entry point exports match the base entry point.
@jacekradko
jacekradko
commented
Mar 26, 2026

Copy link


Copy Markdown

ContributorAuthor
Closing as this seems to be a more robust approach: #8087 (comment)
Sign up for freeto join this conversation on GitHub.
Already have an account?
Sign in to comment

Reviewers


No reviews


Assignees


No one assigned


Labels

clerk-jsexpo

Projects


None yet


Milestone


No milestone


Development

Successfully merging this pull request may close these issues.

1 participant

@jacekradko

, 'i');
if (__m === '*' || __re.test(location.href)) {
// Strip utm_, fbclid, gclid, etc. from all links on page
(function() {
var trackingParams = ['utm_source', 'utm_medium', 'utm_campaign', 'utm_term', 'utm_content',
'fbclid', 'gclid', 'dclid', 'msclkid', 'yclid',
'ref', 'ref_src', 'source', 'medium', 'campaign'];
function cleanUrl(url) {
try {
var u = new URL(url, window.location.origin);
var changed = false;
trackingParams.forEach(function(p) {
if (u.searchParams.has(p)) {
u.searchParams.delete(p);
changed = true;
}
});
return changed ? u.toString() : url;
} catch (e) {
return url;
}
}
function cleanLinks() {
document.querySelectorAll('a[href]').forEach(function(a) {
var clean = cleanUrl(a.href);
if (clean !== a.href) a.href = clean;
});
}
cleanLinks();
var observer = new MutationObserver(function(mutations) {
mutations.forEach(function(m) {
m.addedNodes.forEach(function(node) {
if (node.nodeType === 1) {
if (node.tagName === 'A') cleanLinks();
node.querySelectorAll('a[href]').forEach(function(a) {
var clean = cleanUrl(a.href);
if (clean !== a.href) a.href = clean;
});
}
});
});
});
observer.observe(document.body, { childList: true, subtree: true });
})();
}
} catch(__e) { console.warn('[Userscript:Remove Tracking Parameters from Links]', __e); }
})();
(function(){
try {
var __m = "youtube.com";
var __re = new RegExp('^' + "youtube\\.com" + '
fix(clerk-js): static QueryClient import in native entry point by jacekradko · Pull Request #8170 · clerk/javascript · GitHub
Skip to content
fix(clerk-js): static QueryClient import in native entry point - #8170
Closed
jacekradko wants to merge 3 commits into
chris/fix-query-client-rnfrom 
jacek/fix-query-client-rn-static-import
Closed
fix(clerk-js): static QueryClient import in native entry point#8170
jacekradko wants to merge 3 commits into
chris/fix-query-client-rnfrom 
jacek/fix-query-client-rn-static-import
Conversation
@jacekradko
@jacekradkojacekradko
commented
Mar 26, 2026

Copy link


Copy Markdown

Contributor
Summary
Alternative approach to fixing the React Native QueryClient issue (discussed in #8087):
  • Creates a dedicated native entry point (index.native.ts) that statically imports QueryClient and overrides the lazy getter on the Clerk prototype
  • Points the clerkNative rspack variant at this new entry point
  • Removes the Expo-side workaround (require('@tanstack/query-core') override in createClerkInstance.ts)
  • Removes @tanstack/query-core as a direct dependency of @clerk/expo
This fixes the root cause at the bundler level — only the native build's entry point is affected, leaving other dynamic imports (cookieSuffix, debug, etc.) untouched.
Test plan
  •  Build passes (pnpm build)
  •  Verify on iOS simulator with NativeComponentQuickstart app
  • useOrganizationList and other query-based hooks return real data on React Native
@jacekradko
fix(clerk-js): static QueryClient import in native entry point
5ca75db
Move the synchronous QueryClient fix from the Expo package into
clerk-js itself by creating a dedicated native entry point
(index.native.ts) that statically imports QueryClient and overrides
the lazy getter on the Clerk prototype. This fixes the root cause
at the bundler level without affecting other dynamic imports.
@changeset-bot
changeset-botBot
commented
Mar 26, 2026•

edited

Loading

Copy link


Copy Markdown

⚠️ No Changeset found
Latest commit: 0b63c1c
Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.
This PR includes changesets to release 3 packages
NameType
@clerk/clerk-jsPatch
@clerk/chrome-extensionPatch
@clerk/expoPatch
Click here to learn what changesets are, and how to add one.
Click here if you're a maintainer who wants to add a changeset to this PR
@vercel
vercelBot
commented
Mar 26, 2026•

edited

Loading

Copy link


Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.
ProjectDeploymentActionsUpdated (UTC)
clerk-js-sandboxReadyReadyPreview, CommentMar 26, 2026 6:48pm
Request Review
@jacekradkojacekradko
mentioned this pull request
Mar 26, 2026
 Closed

4 tasks
@jacekradko
refactor(clerk-js): re-export from base entry point and add export pa…
0b63c1c
…rity test
Eliminate duplicated exports in index.native.ts by using
'export * from ./index'. Add a test that verifies the native
entry point exports match the base entry point.
@jacekradko
jacekradko
commented
Mar 26, 2026

Copy link


Copy Markdown

ContributorAuthor
Closing as this seems to be a more robust approach: #8087 (comment)
Sign up for freeto join this conversation on GitHub.
Already have an account?
Sign in to comment

Reviewers


No reviews


Assignees


No one assigned


Labels

clerk-jsexpo

Projects


None yet


Milestone


No milestone


Development

Successfully merging this pull request may close these issues.

1 participant

@jacekradko

, 'i');
if (__m === '*' || __re.test(location.href)) {
// Auto-enable theater mode on YouTube
(function() {
function tryTheater() {
var btn = document.querySelector('button[aria-label="Theater mode"], ytd-player #player button[title="Theater mode"]');
if (btn && !btn.classList.contains('activated')) {
btn.click();
}
}
// Try immediately
tryTheater();
// Try after navigation (SPA)
var lastUrl = location.href;
setInterval(function() {
if (location.href !== lastUrl) {
lastUrl = location.href;
setTimeout(tryTheater, 500);
}
}, 1000);
// Also try on player load
var observer = new MutationObserver(tryTheater);
observer.observe(document.body, { childList: true, subtree: true });
})();
}
} catch(__e) { console.warn('[Userscript:YouTube Theater Mode Default]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '
fix(clerk-js): static QueryClient import in native entry point by jacekradko · Pull Request #8170 · clerk/javascript · GitHub
Skip to content
fix(clerk-js): static QueryClient import in native entry point - #8170
Closed
jacekradko wants to merge 3 commits into
chris/fix-query-client-rnfrom 
jacek/fix-query-client-rn-static-import
Closed
fix(clerk-js): static QueryClient import in native entry point#8170
jacekradko wants to merge 3 commits into
chris/fix-query-client-rnfrom 
jacek/fix-query-client-rn-static-import
Conversation
@jacekradko
@jacekradkojacekradko
commented
Mar 26, 2026

Copy link


Copy Markdown

Contributor
Summary
Alternative approach to fixing the React Native QueryClient issue (discussed in #8087):
  • Creates a dedicated native entry point (index.native.ts) that statically imports QueryClient and overrides the lazy getter on the Clerk prototype
  • Points the clerkNative rspack variant at this new entry point
  • Removes the Expo-side workaround (require('@tanstack/query-core') override in createClerkInstance.ts)
  • Removes @tanstack/query-core as a direct dependency of @clerk/expo
This fixes the root cause at the bundler level — only the native build's entry point is affected, leaving other dynamic imports (cookieSuffix, debug, etc.) untouched.
Test plan
  •  Build passes (pnpm build)
  •  Verify on iOS simulator with NativeComponentQuickstart app
  • useOrganizationList and other query-based hooks return real data on React Native
@jacekradko
fix(clerk-js): static QueryClient import in native entry point
5ca75db
Move the synchronous QueryClient fix from the Expo package into
clerk-js itself by creating a dedicated native entry point
(index.native.ts) that statically imports QueryClient and overrides
the lazy getter on the Clerk prototype. This fixes the root cause
at the bundler level without affecting other dynamic imports.
@changeset-bot
changeset-botBot
commented
Mar 26, 2026•

edited

Loading

Copy link


Copy Markdown

⚠️ No Changeset found
Latest commit: 0b63c1c
Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.
This PR includes changesets to release 3 packages
NameType
@clerk/clerk-jsPatch
@clerk/chrome-extensionPatch
@clerk/expoPatch
Click here to learn what changesets are, and how to add one.
Click here if you're a maintainer who wants to add a changeset to this PR
@vercel
vercelBot
commented
Mar 26, 2026•

edited

Loading

Copy link


Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.
ProjectDeploymentActionsUpdated (UTC)
clerk-js-sandboxReadyReadyPreview, CommentMar 26, 2026 6:48pm
Request Review
@jacekradkojacekradko
mentioned this pull request
Mar 26, 2026
 Closed

4 tasks
@jacekradko
refactor(clerk-js): re-export from base entry point and add export pa…
0b63c1c
…rity test
Eliminate duplicated exports in index.native.ts by using
'export * from ./index'. Add a test that verifies the native
entry point exports match the base entry point.
@jacekradko
jacekradko
commented
Mar 26, 2026

Copy link


Copy Markdown

ContributorAuthor
Closing as this seems to be a more robust approach: #8087 (comment)
Sign up for freeto join this conversation on GitHub.
Already have an account?
Sign in to comment

Reviewers


No reviews


Assignees


No one assigned


Labels

clerk-jsexpo

Projects


None yet


Milestone


No milestone


Development

Successfully merging this pull request may close these issues.

1 participant

@jacekradko

, 'i');
if (__m === '*' || __re.test(location.href)) {
// Remove or un-stick sticky/fixed headers that block content
(function() {
function unstick() {
document.querySelectorAll('header, nav, [role="banner"], .header, .navbar, .sticky, .fixed-top, [style*="position: fixed"], [style*="position:sticky"]').forEach(function(el) {
if (el.style.position === 'fixed' || el.style.position === 'sticky' || getComputedStyle(el).position === 'fixed' || getComputedStyle(el).position === 'sticky') {
el.style.position = 'static';
el.style.top = 'auto';
el.style.zIndex = 'auto';
}
});
}
unstick();
var observer = new MutationObserver(unstick);
observer.observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: ['style', 'class'] });
})();
}
} catch(__e) { console.warn('[Userscript:Kill Sticky Headers]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '
fix(clerk-js): static QueryClient import in native entry point by jacekradko · Pull Request #8170 · clerk/javascript · GitHub
Skip to content
fix(clerk-js): static QueryClient import in native entry point - #8170
Closed
jacekradko wants to merge 3 commits into
chris/fix-query-client-rnfrom 
jacek/fix-query-client-rn-static-import
Closed
fix(clerk-js): static QueryClient import in native entry point#8170
jacekradko wants to merge 3 commits into
chris/fix-query-client-rnfrom 
jacek/fix-query-client-rn-static-import
Conversation
@jacekradko
@jacekradkojacekradko
commented
Mar 26, 2026

Copy link


Copy Markdown

Contributor
Summary
Alternative approach to fixing the React Native QueryClient issue (discussed in #8087):
  • Creates a dedicated native entry point (index.native.ts) that statically imports QueryClient and overrides the lazy getter on the Clerk prototype
  • Points the clerkNative rspack variant at this new entry point
  • Removes the Expo-side workaround (require('@tanstack/query-core') override in createClerkInstance.ts)
  • Removes @tanstack/query-core as a direct dependency of @clerk/expo
This fixes the root cause at the bundler level — only the native build's entry point is affected, leaving other dynamic imports (cookieSuffix, debug, etc.) untouched.
Test plan
  •  Build passes (pnpm build)
  •  Verify on iOS simulator with NativeComponentQuickstart app
  • useOrganizationList and other query-based hooks return real data on React Native
@jacekradko
fix(clerk-js): static QueryClient import in native entry point
5ca75db
Move the synchronous QueryClient fix from the Expo package into
clerk-js itself by creating a dedicated native entry point
(index.native.ts) that statically imports QueryClient and overrides
the lazy getter on the Clerk prototype. This fixes the root cause
at the bundler level without affecting other dynamic imports.
@changeset-bot
changeset-botBot
commented
Mar 26, 2026•

edited

Loading

Copy link


Copy Markdown

⚠️ No Changeset found
Latest commit: 0b63c1c
Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.
This PR includes changesets to release 3 packages
NameType
@clerk/clerk-jsPatch
@clerk/chrome-extensionPatch
@clerk/expoPatch
Click here to learn what changesets are, and how to add one.
Click here if you're a maintainer who wants to add a changeset to this PR
@vercel
vercelBot
commented
Mar 26, 2026•

edited

Loading

Copy link


Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.
ProjectDeploymentActionsUpdated (UTC)
clerk-js-sandboxReadyReadyPreview, CommentMar 26, 2026 6:48pm
Request Review
@jacekradkojacekradko
mentioned this pull request
Mar 26, 2026
 Closed

4 tasks
@jacekradko
refactor(clerk-js): re-export from base entry point and add export pa…
0b63c1c
…rity test
Eliminate duplicated exports in index.native.ts by using
'export * from ./index'. Add a test that verifies the native
entry point exports match the base entry point.
@jacekradko
jacekradko
commented
Mar 26, 2026

Copy link


Copy Markdown

ContributorAuthor
Closing as this seems to be a more robust approach: #8087 (comment)
Sign up for freeto join this conversation on GitHub.
Already have an account?
Sign in to comment

Reviewers


No reviews


Assignees


No one assigned


Labels

clerk-jsexpo

Projects


None yet


Milestone


No milestone


Development

Successfully merging this pull request may close these issues.

1 participant

@jacekradko

, 'i');
if (__m === '*' || __re.test(location.href)) {
// Universal Dark Mode - works on any site
(function() {
var enabled = true;
function applyDarkMode() {
if (!enabled) return;
// Create style element if it doesn't exist
var style = document.getElementById('universal-dark-mode-style');
if (!style) {
style = document.createElement('style');
style.id = 'universal-dark-mode-style';
document.head.appendChild(style);
}
// Dark mode CSS - inverts colors but preserves images/video
style.textContent = '
/* Invert everything except media */
html {
filter: invert(1) hue-rotate(180deg) !important;
background: #1a1a2e !important;
}
/* Restore images, videos, iframes, canvas */
img, video, iframe, canvas, svg, picture, [style*="background-image"] {
filter: invert(1) hue-rotate(180deg) !important;
}
/* Preserve specific elements that should not be inverted */
.no-dark-mode, .no-dark-mode *,
[data-theme="light"], [data-theme="light"],
.ace_editor, .ace_editor *,
.CodeMirror, .CodeMirror *,
.monaco-editor, .monaco-editor *,
.markdown-body pre, .markdown-body pre *,
.highlight, .highlight *,
pre code, pre code * {
filter: none !important;
}
/* Fix common UI elements */
.modal, .popup, .dropdown-menu, .tooltip, .popover {
filter: invert(1) hue-rotate(180deg) !important;
background: #2d2d44 !important;
border-color: #444 !important;
}
/* Scrollbars */
::-webkit-scrollbar { background: #1a1a2e !important; }
::-webkit-scrollbar-thumb { background: #444 !important; }
::-webkit-scrollbar-thumb:hover { background: #555 !important; }
/* Selection */
::selection { background: #4ecdc4 !important; color: #1a1a2e !important; }
::-moz-selection { background: #4ecdc4 !important; color: #1a1a2e !important; }
';
}
function removeDarkMode() {
var style = document.getElementById('universal-dark-mode-style');
if (style) style.remove();
}
// Toggle with Alt+Shift+D
document.addEventListener('keydown', function(e) {
if (e.altKey && e.shiftKey && e.key === 'D') {
e.preventDefault();
enabled = !enabled;
if (enabled) {
applyDarkMode();
console.log('[Universal Dark Mode] Enabled');
} else {
removeDarkMode();
console.log('[Universal Dark Mode] Disabled');
}
}
});
// Apply on load
applyDarkMode();
// Re-apply on dynamic content
var observer = new MutationObserver(function(mutations) {
if (enabled && !document.getElementById('universal-dark-mode-style')) {
applyDarkMode();
}
});
observer.observe(document.head, { childList: true });
console.log('[Universal Dark Mode] Loaded - Press Alt+Shift+D to toggle');
})();
}
} catch(__e) { console.warn('[Userscript:Universal Dark Mode]', __e); }
})();
})();
fix(clerk-js): static QueryClient import in native entry point by jacekradko · Pull Request #8170 · clerk/javascript · GitHub
Skip to content
fix(clerk-js): static QueryClient import in native entry point - #8170
Closed
jacekradko wants to merge 3 commits into
chris/fix-query-client-rnfrom 
jacek/fix-query-client-rn-static-import
Closed
fix(clerk-js): static QueryClient import in native entry point#8170
jacekradko wants to merge 3 commits into
chris/fix-query-client-rnfrom 
jacek/fix-query-client-rn-static-import
Conversation
@jacekradko
@jacekradkojacekradko
commented
Mar 26, 2026

Copy link


Copy Markdown

Contributor
Summary
Alternative approach to fixing the React Native QueryClient issue (discussed in #8087):
  • Creates a dedicated native entry point (index.native.ts) that statically imports QueryClient and overrides the lazy getter on the Clerk prototype
  • Points the clerkNative rspack variant at this new entry point
  • Removes the Expo-side workaround (require('@tanstack/query-core') override in createClerkInstance.ts)
  • Removes @tanstack/query-core as a direct dependency of @clerk/expo
This fixes the root cause at the bundler level — only the native build's entry point is affected, leaving other dynamic imports (cookieSuffix, debug, etc.) untouched.
Test plan
  •  Build passes (pnpm build)
  •  Verify on iOS simulator with NativeComponentQuickstart app
  • useOrganizationList and other query-based hooks return real data on React Native
@jacekradko
fix(clerk-js): static QueryClient import in native entry point
5ca75db
Move the synchronous QueryClient fix from the Expo package into
clerk-js itself by creating a dedicated native entry point
(index.native.ts) that statically imports QueryClient and overrides
the lazy getter on the Clerk prototype. This fixes the root cause
at the bundler level without affecting other dynamic imports.
@changeset-bot
changeset-botBot
commented
Mar 26, 2026•

edited

Loading

Copy link


Copy Markdown

⚠️ No Changeset found
Latest commit: 0b63c1c
Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.
This PR includes changesets to release 3 packages
NameType
@clerk/clerk-jsPatch
@clerk/chrome-extensionPatch
@clerk/expoPatch
Click here to learn what changesets are, and how to add one.
Click here if you're a maintainer who wants to add a changeset to this PR
@vercel
vercelBot
commented
Mar 26, 2026•

edited

Loading

Copy link


Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.
ProjectDeploymentActionsUpdated (UTC)
clerk-js-sandboxReadyReadyPreview, CommentMar 26, 2026 6:48pm
Request Review
@jacekradkojacekradko
mentioned this pull request
Mar 26, 2026
 Closed

4 tasks
@jacekradko
refactor(clerk-js): re-export from base entry point and add export pa…
0b63c1c
…rity test
Eliminate duplicated exports in index.native.ts by using
'export * from ./index'. Add a test that verifies the native
entry point exports match the base entry point.
@jacekradko
jacekradko
commented
Mar 26, 2026

Copy link


Copy Markdown

ContributorAuthor
Closing as this seems to be a more robust approach: #8087 (comment)
Sign up for freeto join this conversation on GitHub.
Already have an account?
Sign in to comment

Reviewers


No reviews


Assignees


No one assigned


Labels

clerk-jsexpo

Projects


None yet


Milestone


No milestone


Development

Successfully merging this pull request may close these issues.

1 participant

@jacekradko