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
Most of the features don't actually seem to work - I can interact with elements like checkboxes and tabs, type in code which gets red squiggles and highlighting, but most of the interaction doesn't actually do anything e.g. switching from "code" to "tsconfig" to "eslintrc" doesn't change the editor content (though it does cause a "Visual Editor" button to appear which does nothing when clicked); likewise for the "errors", "estree", etc.
If I switch to the "ESTree" tab, I do get an "ESQuery filter" input which immediately gives me this warning when I type anything:
Invalid Selector
Cannot read properties of undefined (reading 'parse')
I have tried this on both latest Chrome and Edge, with extensions installed like ublock origins (which isn't reporting anything being blocked, and has been disabled for the site with no luck), with no extensions, and a few other combos, all with the same result.
There doesn't seem to be any errors in the console
Here's another set of screenshots after I've clicked through some stuff and typed again into the editor:
Additional Info
I'd like to have attached a screen recording, but don't have any software for that setup currently - I can look into that next week if needed.
Also let me know if there's any sections of template which you'd like filled out in some way - I skipped most of them as they didn't seem relevant and I couldn't find a more appropriate
Versions
Windows 11
Chrome 137.0.7151.69
Edge 137.0.3296.68
The text was updated successfully, but these errors were encountered:
Uh oh! @G-Rath, at least one image you shared is missing helpful alt text. Check your issue body to fix the following violations:
Images should have meaningful alternative text (alt text) at line 58
Images should have meaningful alternative text (alt text) at line 64
Images should have meaningful alternative text (alt text) at line 69
Images should have meaningful alternative text (alt text) at line 71
Alt text is an invisible description that helps screen readers describe images to blind or low-vision users. If you are using markdown to display images, add your alt text inside the brackets of the markdown image.
ugh and of course having finally gotten around to opening this, I've realized the problem, though I think there's still a bug - I'm using the playground with TS v4 somehow which is no longer supported; going to https://typescript-eslint.io/play/#ts=5.8.2 fixes this.
But I still think there's something weird here as I had to go to the above link to resolve this - just removing the TS version wasn't enough, nor could I change the version of TypeScript to another; I assume it's because the version is being stored in the usual places, but at the least it might be a good idea to have a min. version check to ensure people are not out of range?
I assume this probably happened as a result of me using the playground sometime in the past when v4.3.5 was supported (causing it to be saved in my browser) and then have not used the playground until very recently.
Josh-Cena
changed the title
Bug: playground just generally doesn't work
Bug: playground in a weird state when using unsupported TS version
Jun 7, 2025
Uh oh!
There was an error while loading. Please reload this page.
Before You File a Bug Report Please Confirm You Have Done The Following...
Relevant Package
website
Playground Link
No response
Repro Code
-
ESLint Config
tsconfig
Expected Result
I'm able to use the playground
Actual Result
Most of the features don't actually seem to work - I can interact with elements like checkboxes and tabs, type in code which gets red squiggles and highlighting, but most of the interaction doesn't actually do anything e.g. switching from "code" to "tsconfig" to "eslintrc" doesn't change the editor content (though it does cause a "Visual Editor" button to appear which does nothing when clicked); likewise for the "errors", "estree", etc.
If I switch to the "ESTree" tab, I do get an "ESQuery filter" input which immediately gives me this warning when I type anything:
I have tried this on both latest Chrome and Edge, with extensions installed like ublock origins (which isn't reporting anything being blocked, and has been disabled for the site with no luck), with no extensions, and a few other combos, all with the same result.
There doesn't seem to be any errors in the console
Here's another set of screenshots after I've clicked through some stuff and typed again into the editor:
Additional Info
I'd like to have attached a screen recording, but don't have any software for that setup currently - I can look into that next week if needed.
Also let me know if there's any sections of template which you'd like filled out in some way - I skipped most of them as they didn't seem relevant and I couldn't find a more appropriate
Versions
Windows 11
Chrome 137.0.7151.69
Edge 137.0.3296.68
The text was updated successfully, but these errors were encountered: