johndoe6345789 cbdf366c7f Generated by Spark: I tried a example, seems app is not wired up correctly. Live preview loaded duration 5665.10ms
VM29890:28 Uncaught ReferenceError: Card is not defined
    at TodoList (eval at <anonymous> (ReactPreview.tsx:68:32), <anonymous>:28:43)
    at Object.react_stack_bottom_frame (react-dom_client.js?v=19d5d69b:18509:20)
    at renderWithHooks (react-dom_client.js?v=19d5d69b:5654:24)
    at updateFunctionComponent (react-dom_client.js?v=19d5d69b:7475:21)
    at beginWork (react-dom_client.js?v=19d5d69b:8525:20)
    at runWithFiberInDEV (react-dom_client.js?v=19d5d69b:997:72)
    at performUnitOfWork (react-dom_client.js?v=19d5d69b:12561:98)
    at workLoopSync (react-dom_client.js?v=19d5d69b:12424:43)
    at renderRootSync (react-dom_client.js?v=19d5d69b:12408:13)
    at performWorkOnRoot (react-dom_client.js?v=19d5d69b:11827:37)
    at performSyncWorkOnRoot (react-dom_client.js?v=19d5d69b:13517:9)
    at flushSyncWorkAcrossRoots_impl (react-dom_client.js?v=19d5d69b:13414:122)
    at flushSyncWork$1 (react-dom_client.js?v=19d5d69b:12076:86)
    at Object.f (react-dom_client.js?v=19d5d69b:19794:77)
    at exports.flushSync (chunk-ZLLQK76H.js?v=19d5d69b:92:106)
    at dispatchDiscreteCustomEvent (chunk-XZFLHFSN.js?v=19d5d69b:238:24)
    at handleSelect (@radix-ui_react-dropdown-menu.js?v=19d5d69b:518:9)
    at handleEvent (chunk-XZFLHFSN.js?v=19d5d69b:23:31)
    at executeDispatch (react-dom_client.js?v=19d5d69b:13622:11)
    at runWithFiberInDEV (react-dom_client.js?v=19d5d69b:997:72)
    at processDispatchQueue (react-dom_client.js?v=19d5d69b:13658:37)
    at react-dom_client.js?v=19d5d69b:14071:11
    at batchedUpdates$1 (react-dom_client.js?v=19d5d69b:2626:42)
    at dispatchEventForPluginEventSystem (react-dom_client.js?v=19d5d69b:13763:9)
    at dispatchEvent (react-dom_client.js?v=19d5d69b:16784:13)
    at dispatchDiscreteEvent (react-dom_client.js?v=19d5d69b:16765:62)
TodoList @ VM29890:28
react_stack_bottom_frame @ react-dom_client.js?v=19d5d69b:18509
renderWithHooks @ react-dom_client.js?v=19d5d69b:5654
updateFunctionComponent @ react-dom_client.js?v=19d5d69b:7475
beginWork @ react-dom_client.js?v=19d5d69b:8525
runWithFiberInDEV @ react-dom_client.js?v=19d5d69b:997
performUnitOfWork @ react-dom_client.js?v=19d5d69b:12561
workLoopSync @ react-dom_client.js?v=19d5d69b:12424
renderRootSync @ react-dom_client.js?v=19d5d69b:12408
performWorkOnRoot @ react-dom_client.js?v=19d5d69b:11827
performSyncWorkOnRoot @ react-dom_client.js?v=19d5d69b:13517
flushSyncWorkAcrossRoots_impl @ react-dom_client.js?v=19d5d69b:13414
flushSyncWork$1 @ react-dom_client.js?v=19d5d69b:12076
f @ react-dom_client.js?v=19d5d69b:19794
exports.flushSync @ chunk-ZLLQK76H.js?v=19d5d69b:92
dispatchDiscreteCustomEvent @ chunk-XZFLHFSN.js?v=19d5d69b:238
handleSelect @ @radix-ui_react-dropdown-menu.js?v=19d5d69b:518
handleEvent @ chunk-XZFLHFSN.js?v=19d5d69b:23
executeDispatch @ react-dom_client.js?v=19d5d69b:13622
runWithFiberInDEV @ react-dom_client.js?v=19d5d69b:997
processDispatchQueue @ react-dom_client.js?v=19d5d69b:13658
(anonymous) @ react-dom_client.js?v=19d5d69b:14071
batchedUpdates$1 @ react-dom_client.js?v=19d5d69b:2626
dispatchEventForPluginEventSystem @ react-dom_client.js?v=19d5d69b:13763
dispatchEvent @ react-dom_client.js?v=19d5d69b:16784
dispatchDiscreteEvent @ react-dom_client.js?v=19d5d69b:16765
<TodoList>
exports.jsxDEV @ react_jsx-dev-runtime.js?v=19d5d69b:247
ReactPreview @ ReactPreview.tsx:203
react_stack_bottom_frame @ react-dom_client.js?v=19d5d69b:18509
renderWithHooks @ react-dom_client.js?v=19d5d69b:5654
updateFunctionComponent @ react-dom_client.js?v=19d5d69b:7475
beginWork @ react-dom_client.js?v=19d5d69b:8525
runWithFiberInDEV @ react-dom_client.js?v=19d5d69b:997
performUnitOfWork @ react-dom_client.js?v=19d5d69b:12561
workLoopSync @ react-dom_client.js?v=19d5d69b:12424
renderRootSync @ react-dom_client.js?v=19d5d69b:12408
performWorkOnRoot @ react-dom_client.js?v=19d5d69b:11827
performSyncWorkOnRoot @ react-dom_client.js?v=19d5d69b:13517
flushSyncWorkAcrossRoots_impl @ react-dom_client.js?v=19d5d69b:13414
flushSyncWork$1 @ react-dom_client.js?v=19d5d69b:12076
f @ react-dom_client.js?v=19d5d69b:19794
exports.flushSync @ chunk-ZLLQK76H.js?v=19d5d69b:92
dispatchDiscreteCustomEvent @ chunk-XZFLHFSN.js?v=19d5d69b:238
handleSelect @ @radix-ui_react-dropdown-menu.js?v=19d5d69b:518
handleEvent @ chunk-XZFLHFSN.js?v=19d5d69b:23
executeDispatch @ react-dom_client.js?v=19d5d69b:13622
runWithFiberInDEV @ react-dom_client.js?v=19d5d69b:997
processDispatchQueue @ react-dom_client.js?v=19d5d69b:13658
(anonymous) @ react-dom_client.js?v=19d5d69b:14071
batchedUpdates$1 @ react-dom_client.js?v=19d5d69b:2626
dispatchEventForPluginEventSystem @ react-dom_client.js?v=19d5d69b:13763
dispatchEvent @ react-dom_client.js?v=19d5d69b:16784
dispatchDiscreteEvent @ react-dom_client.js?v=19d5d69b:16765
<ReactPreview>
exports.jsxDEV @ react_jsx-dev-runtime.js?v=19d5d69b:247
SplitScreenEditor @ SplitScreenEditor.tsx:164
react_stack_bottom_frame @ react-dom_client.js?v=19d5d69b:18509
renderWithHooks @ react-dom_client.js?v=19d5d69b:5654
updateFunctionComponent @ react-dom_client.js?v=19d5d69b:7475
beginWork @ react-dom_client.js?v=19d5d69b:8525
runWithFiberInDEV @ react-dom_client.js?v=19d5d69b:997
performUnitOfWork @ react-dom_client.js?v=19d5d69b:12561
workLoopSync @ react-dom_client.js?v=19d5d69b:12424
renderRootSync @ react-dom_client.js?v=19d5d69b:12408
performWorkOnRoot @ react-dom_client.js?v=19d5d69b:11766
performSyncWorkOnRoot @ react-dom_client.js?v=19d5d69b:13517
flushSyncWorkAcrossRoots_impl @ react-dom_client.js?v=19d5d69b:13414
flushSyncWork$1 @ react-dom_client.js?v=19d5d69b:12076
f @ react-dom_client.js?v=19d5d69b:19794
exports.flushSync @ chunk-ZLLQK76H.js?v=19d5d69b:92
dispatchDiscreteCustomEvent @ chunk-XZFLHFSN.js?v=19d5d69b:238
handleSelect @ @radix-ui_react-dropdown-menu.js?v=19d5d69b:518
handleEvent @ chunk-XZFLHFSN.js?v=19d5d69b:23
executeDispatch @ react-dom_client.js?v=19d5d69b:13622
runWithFiberInDEV @ react-dom_client.js?v=19d5d69b:997
processDispatchQueue @ react-dom_client.js?v=19d5d69b:13658
(anonymous) @ react-dom_client.js?v=19d5d69b:14071
batchedUpdates$1 @ react-dom_client.js?v=19d5d69b:2626
dispatchEventForPluginEventSystem @ react-dom_client.js?v=19d5d69b:13763
dispatchEvent @ react-dom_client.js?v=19d5d69b:16784
dispatchDiscreteEvent @ react-dom_client.js?v=19d5d69b:16765
<SplitScreenEditor>
exports.jsxDEV @ react_jsx-dev-runtime.js?v=19d5d69b:247
SnippetDialog @ SnippetDialog.tsx:530
react_stack_bottom_frame @ react-dom_client.js?v=19d5d69b:18509
renderWithHooks @ react-dom_client.js?v=19d5d69b:5654
updateFunctionComponent @ react-dom_client.js?v=19d5d69b:7475
beginWork @ react-dom_client.js?v=19d5d69b:8525
runWithFiberInDEV @ react-dom_client.js?v=19d5d69b:997
performUnitOfWork @ react-dom_client.js?v=19d5d69b:12561
workLoopSync @ react-dom_client.js?v=19d5d69b:12424
renderRootSync @ react-dom_client.js?v=19d5d69b:12408
performWorkOnRoot @ react-dom_client.js?v=19d5d69b:11766
performSyncWorkOnRoot @ react-dom_client.js?v=19d5d69b:13517
flushSyncWorkAcrossRoots_impl @ react-dom_client.js?v=19d5d69b:13414
flushSyncWork$1 @ react-dom_client.js?v=19d5d69b:12076
f @ react-dom_client.js?v=19d5d69b:19794
exports.flushSync @ chunk-ZLLQK76H.js?v=19d5d69b:92
dispatchDiscreteCustomEvent @ chunk-XZFLHFSN.js?v=19d5d69b:238
handleSelect @ @radix-ui_react-dropdown-menu.js?v=19d5d69b:518
handleEvent @ chunk-XZFLHFSN.js?v=19d5d69b:23
executeDispatch @ react-dom_client.js?v=19d5d69b:13622
runWithFiberInDEV @ react-dom_client.js?v=19d5d69b:997
processDispatchQueue @ react-dom_client.js?v=19d5d69b:13658
(anonymous) @ react-dom_client.js?v=19d5d69b:14071
batchedUpdates$1 @ react-dom_client.js?v=19d5d69b:2626
dispatchEventForPluginEventSystem @ react-dom_client.js?v=19d5d69b:13763
dispatchEvent @ react-dom_client.js?v=19d5d69b:16784
dispatchDiscreteEvent @ react-dom_client.js?v=19d5d69b:16765Understand this error
ReactPreview.tsx:203 An error occurred in the <TodoList> component.

Consider adding an error boundary to your tree to customize error handling behavior.
Visit https://react.dev/link/error-boundaries to learn more about error boundaries.

defaultOnUncaughtError @ react-dom_client.js?v=19d5d69b:6966
<TodoList>
exports.jsxDEV @ react_jsx-dev-runtime.js?v=19d5d69b:247
ReactPreview @ ReactPreview.tsx:203
react_stack_bottom_frame @ react-dom_client.js?v=19d5d69b:18509
renderWithHooks @ react-dom_client.js?v=19d5d69b:5654
updateFunctionComponent @ react-dom_client.js?v=19d5d69b:7475
beginWork @ react-dom_client.js?v=19d5d69b:8525
runWithFiberInDEV @ react-dom_client.js?v=19d5d69b:997
performUnitOfWork @ react-dom_client.js?v=19d5d69b:12561
workLoopSync @ react-dom_client.js?v=19d5d69b:12424
renderRootSync @ react-dom_client.js?v=19d5d69b:12408
performWorkOnRoot @ react-dom_client.js?v=19d5d69b:11827
performSyncWorkOnRoot @ react-dom_client.js?v=19d5d69b:13517
flushSyncWorkAcrossRoots_impl @ react-dom_client.js?v=19d5d69b:13414
flushSyncWork$1 @ react-dom_client.js?v=19d5d69b:12076
f @ react-dom_client.js?v=19d5d69b:19794
exports.flushSync @ chunk-ZLLQK76H.js?v=19d5d69b:92
dispatchDiscreteCustomEvent @ chunk-XZFLHFSN.js?v=19d5d69b:238
handleSelect @ @radix-ui_react-dropdown-menu.js?v=19d5d69b:518
handleEvent @ chunk-XZFLHFSN.js?v=19d5d69b:23
executeDispatch @ react-dom_client.js?v=19d5d69b:13622
runWithFiberInDEV @ react-dom_client.js?v=19d5d69b:997
processDispatchQueue @ react-dom_client.js?v=19d5d69b:13658
(anonymous) @ react-dom_client.js?v=19d5d69b:14071
batchedUpdates$1 @ react-dom_client.js?v=19d5d69b:2626
dispatchEventForPluginEventSystem @ react-dom_client.js?v=19d5d69b:13763
dispatchEvent @ react-dom_client.js?v=19d5d69b:16784
dispatchDiscreteEvent @ react-dom_client.js?v=19d5d69b:16765
<ReactPreview>
exports.jsxDEV @ react_jsx-dev-runtime.js?v=19d5d69b:247
SplitScreenEditor @ SplitScreenEditor.tsx:164
react_stack_bottom_frame @ react-dom_client.js?v=19d5d69b:18509
renderWithHooks @ react-dom_client.js?v=19d5d69b:5654
updateFunctionComponent @ react-dom_client.js?v=19d5d69b:7475
beginWork @ react-dom_client.js?v=19d5d69b:8525
runWithFiberInDEV @ react-dom_client.js?v=19d5d69b:997
performUnitOfWork @ react-dom_client.js?v=19d5d69b:12561
workLoopSync @ react-dom_client.js?v=19d5d69b:12424
renderRootSync @ react-dom_client.js?v=19d5d69b:12408
performWorkOnRoot @ react-dom_client.js?v=19d5d69b:11766
performSyncWorkOnRoot @ react-dom_client.js?v=19d5d69b:13517
flushSyncWorkAcrossRoots_impl @ react-dom_client.js?v=19d5d69b:13414
flushSyncWork$1 @ react-dom_client.js?v=19d5d69b:12076
f @ react-dom_client.js?v=19d5d69b:19794
exports.flushSync @ chunk-ZLLQK76H.js?v=19d5d69b:92
dispatchDiscreteCustomEvent @ chunk-XZFLHFSN.js?v=19d5d69b:238
handleSelect @ @radix-ui_react-dropdown-menu.js?v=19d5d69b:518
handleEvent @ chunk-XZFLHFSN.js?v=19d5d69b:23
executeDispatch @ react-dom_client.js?v=19d5d69b:13622
runWithFiberInDEV @ react-dom_client.js?v=19d5d69b:997
processDispatchQueue @ react-dom_client.js?v=19d5d69b:13658
(anonymous) @ react-dom_client.js?v=19d5d69b:14071
batchedUpdates$1 @ react-dom_client.js?v=19d5d69b:2626
dispatchEventForPluginEventSystem @ react-dom_client.js?v=19d5d69b:13763
dispatchEvent @ react-dom_client.js?v=19d5d69b:16784
dispatchDiscreteEvent @ react-dom_client.js?v=19d5d69b:16765
<SplitScreenEditor>
exports.jsxDEV @ react_jsx-dev-runtime.js?v=19d5d69b:247
SnippetDialog @ SnippetDialog.tsx:530
react_stack_bottom_frame @ react-dom_client.js?v=19d5d69b:18509
renderWithHooks @ react-dom_client.js?v=19d5d69b:5654
updateFunctionComponent @ react-dom_client.js?v=19d5d69b:7475
beginWork @ react-dom_client.js?v=19d5d69b:8525
runWithFiberInDEV @ react-dom_client.js?v=19d5d69b:997
performUnitOfWork @ react-dom_client.js?v=19d5d69b:12561
workLoopSync @ react-dom_client.js?v=19d5d69b:12424
renderRootSync @ react-dom_client.js?v=19d5d69b:12408
performWorkOnRoot @ react-dom_client.js?v=19d5d69b:11766
performSyncWorkOnRoot @ react-dom_client.js?v=19d5d69b:13517
flushSyncWorkAcrossRoots_impl @ react-dom_client.js?v=19d5d69b:13414
flushSyncWork$1 @ react-dom_client.js?v=19d5d69b:12076
f @ react-dom_client.js?v=19d5d69b:19794
exports.flushSync @ chunk-ZLLQK76H.js?v=19d5d69b:92
dispatchDiscreteCustomEvent @ chunk-XZFLHFSN.js?v=19d5d69b:238
handleSelect @ @radix-ui_react-dropdown-menu.js?v=19d5d69b:518
handleEvent @ chunk-XZFLHFSN.js?v=19d5d69b:23
executeDispatch @ react-dom_client.js?v=19d5d69b:13622
runWithFiberInDEV @ react-dom_client.js?v=19d5d69b:997
processDispatchQueue @ react-dom_client.js?v=19d5d69b:13658
(anonymous) @ react-dom_client.js?v=19d5d69b:14071
batchedUpdates$1 @ react-dom_client.js?v=19d5d69b:2626
dispatchEventForPluginEventSystem @ react-dom_client.js?v=19d5d69b:13763
dispatchEvent @ react-dom_client.js?v=19d5d69b:16784
dispatchDiscreteEvent @ react-dom_client.js?v=19d5d69b:16765Understand this warning
heartbeat.ts:124 Uncaught (in promise) TypeError: Failed to construct 'URL': Invalid URL
    at heartbeat.ts:124:17
2026-01-17 17:45:23 +00:00
2026-01-17 14:23:21 +00:00
2026-01-17 14:23:21 +00:00
2026-01-17 14:23:21 +00:00
2026-01-17 14:23:21 +00:00
2026-01-17 14:23:21 +00:00
2026-01-17 14:23:21 +00:00
2026-01-17 14:23:21 +00:00
2026-01-17 14:23:21 +00:00
2026-01-17 14:23:21 +00:00
2026-01-17 14:23:21 +00:00
2026-01-17 14:23:21 +00:00

Welcome to Your Spark Template!

You've just launched your brand-new Spark Template Codespace — everythings fired up and ready for you to explore, build, and create with Spark!

This template is your blank canvas. It comes with a minimal setup to help you get started quickly with Spark development.

🚀 What's Inside?

  • A clean, minimal Spark environment
  • Pre-configured for local development
  • Ready to scale with your ideas

🧠 What Can You Do?

Right now, this is just a starting point — the perfect place to begin building and testing your Spark applications.

🧹 Just Exploring? No problem! If you were just checking things out and dont need to keep this code:

  • Simply delete your Spark.
  • Everything will be cleaned up — no traces left behind.

📄 License For Spark Template Resources

The Spark Template files and resources from GitHub are licensed under the terms of the MIT license, Copyright GitHub, Inc.

Description
No description provided
Readme MIT 38 MiB
Languages
HTML 56%
TypeScript 32.2%
SCSS 9%
JavaScript 1.7%
CSS 0.8%
Other 0.3%