Skip to content

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

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

Activity

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

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