Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Bug: sandpack-react: Duplicate entry points

See original GitHub issue

Issue Description

FIrst of all - thank you for nice tool! I’m really happy to use it in my projects 🙌

Bug report

This setup gives 2 tabs with same title App.tsx, and renders default template in preview, instead of my App.tsx

<Sandpack
  template="react-ts"
  files={{
    "/App.tsx": code
  }}
/>

This setup gives no tabs, but nothing renders in preview

<Sandpack
  template="react-ts"
  files={{
    "/App.tsx": code
  }}
  customSetup={{ entry: "/App.tsx", main: "/App.tsx" }}
/>

Expected:

no tabs
preview renders my provided example

You can try it in sandbox https://codesandbox.io/s/sandpack-codesandbox-rendering-conflict-forked-hfuip

Issue Analytics

State:
Created a year ago
Comments:8 (5 by maintainers)

Top GitHub Comments

1reaction

uyarncommented, Dec 14, 2021

@danilowoz, the template of react and react-ts is different, which is confusing sometimes. I think it’s better to unify the format of these 2 react templates.

0reactions

danilowozcommented, Dec 20, 2021

It has been addressed on https://github.com/codesandbox/sandpack/pull/268, please let me know if I covered all topics/problems mentioned here.

Thanks for raising up this issue.