Repository navigation
Can't run any demos from the docs #4844
Description
Describe the bug
I can't run many of the examples/demos from https://tanstack.com/table/v8/docs/examples/react/* -- e.g. the Column DnD demo. I get various flavors of timeout errors on each one:
I'm using Chromium Version 112.0.5615.165 (Official Build) for Linux Mint (64-bit). Don't have any issue with CodeSandbox or similar tools anywhere else so not sure what's going on here. I also have the issue in Firefox and my colleague can replicate it in Chrome.
Your minimal, reproducible example
https://tanstack.com/table/v8/docs/examples/react/column-dnd
Steps to reproduce
- Go to Column DnD demo.
- Wait for page to load.
- Maybe refresh it or click the little reload icon inside the Codesandbox emulator.
- Try to click the "Code Sandbox" button but fail because the page is (usually) unresponsive.
- Go get more coffee
Expected behavior
I expected concise, beautifully written sample code to blow my socks right out of my sandals.
How often does this bug happen?
Every time
Screenshots or Videos
Platform
OS: Linux Mint 21.1
Browser 1: Chromium Version 112.0.5615.165 (Official Build) for Linux Mint (64-bit) and
Browser 2: Chrome Version 113.0.5672.63 (Official Build) (x86_64)
react-table version
NA
TypeScript version
NA
Terms & Code of Conduct
- I agree to follow this project's Code of Conduct
- I understand that if my bug cannot be reliable reproduced in a debuggable environment, it will probably not be fixed and this issue may even be closed.
Activity
kay-the-borb commentedon May 9, 2023
Looks to me like CodeSandbox dropped support / broke something for their old sandboxes? I get a prompt to open in a new cloud sandbox when opening up the full sandbox while logged in:
Clicking to open in a new cloud sandbox appears to work as expected. I think the ask for maintainers here would be to update all examples to the new editor / whatever CodeSandbox is calling the new sandbox.
KevinVandy commentedon May 12, 2023
Interesting. I'm able to run every demo just fine still
jpveilleux commentedon May 12, 2023
I had to sign in then fork into the new editor and then it was almost instant.
githorse commentedon May 12, 2023
I think you guys are saying you see that message after clicking the "Cloud Sandbox" button to open in a new tab? (I'm not able to do that for most of them because the page just hangs, but I just opened it for one and saw the message.) Or you see it directly on the embedded sandbox on the Tanstack page?
kay-the-borb commentedon May 12, 2023
Yep, to clarify when in the TanStack Table v8 docs I get the same "Error starting sandbox" error as you, but no fork banner. After clicking Open Sandbox in the iframe and jumping to codesandbox.io while logged in, it gives me the fork banner.
Obligatory because these are all based off the tanstack table repo, you can just replace the last / in the url with the project you want from https://github.com/TanStack/table/tree/main/examples/react. ex: if you're looking at https://codesandbox.io/s/github/tanstack/table/tree/main/examples/react/column-dnd and you want to see the row-dnd example, just change it to
https://codesandbox.io/s/github/tanstack/table/tree/main/examples/react/row-dnd and it'll load the sandbox correctly. Little annoying but it works in a pinch.
sledgehammer999 commentedon Jun 5, 2023
I have a similar problem.
All demos don't load inline because I have set my cookies policy to block 3rd party cookies in Firefox.
It would be nice if you showed inline (on the docs page) the juicy part of each example and have a link for the full blown example project that will load in a new page/tab.
EDIT: Also, it is very crammed to load the sandbox inline in a small frame. It has 3 vertical panels. One for the files list, one for document viewer and one for the rendered result.