Comments (5)
This doesn't appear to be an issue in Remix. Will it work if you put this logic in a simple Node.js script?
This will help us eliminate issues in firebase/firestore/lite
.
from remix.
Yes, I have built the same app in NextJS.
https://github.com/jdgamble555/nextjs-firebase-todo/blob/master/lib/about.ts
The Firestore Teams seems to think this is a Remix problem:
J
from remix.
This is definitely a remix issue. When I add the unstable_singleFetch: true
flag, the Firestore runtime actually resolves with the correct information (it would not resolve at all before). However, now I get this error on server:
TypeError: headers.getSetCookie is not a function or its return value is not iterable
at proxyResponseToResponseStub (C:\web projects\remix-firebase-test\node_modules\@remix-run\server-runtime\dist\single-fetch.js:292:25)
at C:\web projects\remix-firebase-test\node_modules\@remix-run\server-runtime\dist\single-fetch.js:61:9
at process.processTicksAndRejections (node:internal/process/task_queues:95:5)
at async Promise.all (index 1)
at async C:\web projects\remix-firebase-test\node_modules\@remix-run\server-runtime\dist\single-fetch.js:39:19
at async callDataStrategyImpl (C:\web projects\remix-firebase-test\node_modules\@remix-run\router\dist\router.cjs.js:4169:17)
at async callDataStrategy (C:\web projects\remix-firebase-test\node_modules\@remix-run\router\dist\router.cjs.js:3702:19)
at async loadRouteData (C:\web projects\remix-firebase-test\node_modules\@remix-run\router\dist\router.cjs.js:3677:19)
at async queryImpl (C:\web projects\remix-firebase-test\node_modules\@remix-run\router\dist\router.cjs.js:3522:20)
at async Object.query (C:\web projects\remix-firebase-test\node_modules\@remix-run\router\dist\router.cjs.js:3416:18)
at async Object.singleFetchLoaders (C:\web projects\remix-firebase-test\node_modules\@remix-run\server-runtime\dist\single-fetch.js:161:18)
at async handleSingleFetchRequest (C:\web projects\remix-firebase-test\node_modules\@remix-run\server-runtime\dist\server.js:203:146)
at async requestHandler (C:\web projects\remix-firebase-test\node_modules\@remix-run\server-runtime\dist\server.js:114:18)
at async nodeHandler (C:\web projects\remix-firebase-test\node_modules\@remix-run\dev\dist\vite\plugin.js:844:27)
at async C:\web projects\remix-firebase-test\node_modules\@remix-run\dev\dist\vite\plugin.js:847:15
and this error on browser:
TypeError: Cannot read properties of null (reading 'name')
at AboutPage (http://localhost:5173/app/routes/about.tsx:13:25)
at renderWithHooks (http://localhost:5173/node_modules/.vite/deps/chunk-2CHT42SU.js?v=63ad2541:12171:26)
at mountIndeterminateComponent (http://localhost:5173/node_modules/.vite/deps/chunk-2CHT42SU.js?v=63ad2541:14921:21)
at beginWork (http://localhost:5173/node_modules/.vite/deps/chunk-2CHT42SU.js?v=63ad2541:15902:22)
at beginWork$1 (http://localhost:5173/node_modules/.vite/deps/chunk-2CHT42SU.js?v=63ad2541:19749:22)
at performUnitOfWork (http://localhost:5173/node_modules/.vite/deps/chunk-2CHT42SU.js?v=63ad2541:19194:20)
at workLoopSync (http://localhost:5173/node_modules/.vite/deps/chunk-2CHT42SU.js?v=63ad2541:19133:13)
at renderRootSync (http://localhost:5173/node_modules/.vite/deps/chunk-2CHT42SU.js?v=63ad2541:19112:15)
at recoverFromConcurrentError (http://localhost:5173/node_modules/.vite/deps/chunk-2CHT42SU.js?v=63ad2541:18732:28)
at performConcurrentWorkOnRoot (http://localhost:5173/node_modules/.vite/deps/chunk-2CHT42SU.js?v=63ad2541:18680:30)
While my Firebase debug setLogLevel('debug');
actually prints the correct value, when it didn't print anything before.
J
from remix.
@jdgamble555
Please try enabling nativeFetch on this line
installGlobals({ nativeFetch: true });
https://github.com/jdgamble555/remix-firebase-test/blob/master/vite.config.ts#L6
same issue: #9324
from remix.
It looks like that fixed it! Shouldn't this be the default?
J
from remix.
Related Issues (20)
- Relax version of Prettier in `package.json` to support Prettier 3 HOT 2
- Hydration failed when I use clientLoader with custom basename. HOT 2
- Single Fetch: redirects do not strip basename
- Changing environment variables restarts Vite server but doesn't actually update value HOT 2
- Remix on Vercel keeps getting 403 forbidden error on Server Side Actions HOT 2
- createWorkersKVSessionStorage destroySession does not remove session from KV
- Unexpected route id inconsistency HOT 10
- Vite navigation fails to any route that imports node:stream
- (ReferenceError: process is not defined) on Dev Server when using { json } "@remix-run/node"
- vite cjsInterop SyntaxError with MUI HOT 1
- Symbols decoding issue HOT 2
- Nested route ErrorBoundaries can cause "Unexpected Server Error" during SSR, if error is thrown below Outlet
- ErrorBoundary hydration fails in development if there are any elements in head after Links
- Remix Cloudflare builds should not work on based on the `/functions` directory HOT 3
- Quirrel is not working with the latest Remix Build HOT 1
- Using `as const` on an enum triggers typescript errors on `unstable_defineLoader`
- Using Suspense + Await to resolve deferred loader data breaks pending UI when navigating within the same route HOT 1
- Using React.lazy for a component can cause the styles to disappear when navigating to another route with the same component.
- Material UI breaks Remix SPA build (but works fine in regular Remix apps) HOT 2
- createFileSessionStorage not working HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from remix.