You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Fixes#321 - TanStack Start example now works in interactive sandboxes by replacing Yarn workspace protocol with published npm version.
Problem
The React Start example (examples/react/start) uses workspace:* protocol for the @tanstack/devtools-event-client dependency. This protocol is specific to Yarn workspaces and is not supported by npm, which is the package manager used by CodeSandbox, StackBlitz, and other interactive sandbox environments.
Error Before Fix
npm error code EUNSUPPORTEDPROTOCOL
npm error Unsupported URL Type "workspace:"
This prevents users from accessing the example in any npm-based interactive sandbox.
Solution
Replaced the workspace protocol with the published npm version of the dependency:
- Replace hardcoded 400px height with viewport-relative calculation
- Height now scales as 50% of viewport height
- Respects minimum (300px) and maximum (400px) constraints
- Fixes issue where devtools panel was fixed to small height in fullscreen
- Panel now properly adapts to different screen sizes
FixesTanStack#320
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 no changesets
When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types
This solution addresses the workspace protocol compatibility issue well by replacing Yarn-specific workspace:* protocols with npm-compatible version pins. The approach ensures the react-start example now works seamlessly across different interactive sandbox environments (CodeSandbox, StackBlitz, etc.) without sacrificing functionality.
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Description
Fixes #321 - TanStack Start example now works in interactive sandboxes by replacing Yarn workspace protocol with published npm version.
Problem
The React Start example (
examples/react/start) usesworkspace:*protocol for the@tanstack/devtools-event-clientdependency. This protocol is specific to Yarn workspaces and is not supported by npm, which is the package manager used by CodeSandbox, StackBlitz, and other interactive sandbox environments.Error Before Fix
npm error code EUNSUPPORTEDPROTOCOL
npm error Unsupported URL Type "workspace:"
This prevents users from accessing the example in any npm-based interactive sandbox.
Solution
Replaced the workspace protocol with the published npm version of the dependency:
"@tanstack/devtools-event-client": "workspace:*""@tanstack/devtools-event-client": "^0.4.0"The version
0.4.0is the latest published version on npm and provides the same functionality.Changes
examples/react/start/package.json@tanstack/devtools-event-clientdependency versionTesting
npm installcompletes successfully without workspace protocol errorsnpm run devstarts the development server without errorsType of Change
Related Issues
Closes #321