Use ErrorBoundary inside a createRoot?

I'm using a pattern where I have a globally accessible resource on a

createRoot

createRoot

createRoot

createRoot:

export const [solidStore, updateSolidStore] = createRoot(() => {
  const [myResource] = createResource(
    {
      licenseKey: import.meta.env.VITE_LICENCE_KEY,
    },
    resourceCreator
  );

export const [solidStore, updateSolidStore] = createRoot(() => {
  const [myResource] = createResource(
    {
      licenseKey: import.meta.env.VITE_LICENCE_KEY,
    },
    resourceCreator
  );

export const [solidStore, updateSolidStore] = createRoot(() => {
  const [myResource] = createResource(
    {
      licenseKey: import.meta.env.VITE_LICENCE_KEY,
    },
    resourceCreator
  );

export const [solidStore, updateSolidStore] = createRoot(() => {
  const [myResource] = createResource(
    {
      licenseKey: import.meta.env.VITE_LICENCE_KEY,
    },
    resourceCreator
  );

However the

resourceCreator

resourceCreator

resourceCreator

resourceCreator can error out, crashing the entire application with it. Is there a way to handle this inside a

createResource

createResource

createResource

createResource?

Use ErrorBoundary inside a createRoot?

Similar Threads

Similar Threads

Similar Threads