Skip to content

Tanstack Start seems to panic when comes across rendering icons. #151

@bhaveshxrawat

Description

@bhaveshxrawat

Describe the bug

  • I would say it is less of an bug more of an compatibility issue since using phosphor icons in Tanstack Start seems to panic the server into dropping the network issue, and as a fallback vite switches to client side rendering from server side. Using the ssr version of icons actually results in error, and the server straight up throws the 500 unhandled error but I think that is more of the Tanstack Start issue.

Steps to Reproduce

  1. Scaffold a Tanstack Start project.
  2. Install then library, and import the icons like you usually would.
    Note: I am, however, using Cloudflare's worker compatible Node.js.
Error: Network connection lost.
    at CustomModuleRunner.cachedModule (workers/runner-worker.js:1302:20)
    at request (workers/runner-worker.js:1152:83)
    at E:/WDP/binge-banter/node_modules/.vite/deps_ssr/@phosphor-icons_react.js:1:1
    at Object.runInlinedModule (workers/runner-worker.js:1403:4)
    at CustomModuleRunner.directRequest (workers/runner-worker.js:1206:59)
    at CustomModuleRunner.cachedRequest (workers/runner-worker.js:1113:73)
    at E:/WDP/binge-banter/src/features/comments/components/Comment.tsx:1:1
    at Object.runInlinedModule (workers/runner-worker.js:1403:4)
    at CustomModuleRunner.directRequest (workers/runner-worker.js:1206:59)
    at CustomModuleRunner.cachedRequest (workers/runner-worker.js:1113:73) {
  remote: true,
  retryable: true

Expected behavior

Screenshots

Context (please complete the following information):

Additional notes

Metadata

Metadata

Assignees

Labels

bugSomething isn't working

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions