const integrations = getDefaultIntegrations({}).filter((defaultIntegration) => {
  return !['BrowserApiErrors', 'Breadcrumbs', 'GlobalHandlers'].includes(
    defaultIntegration.name,
  );
});

const feedback = feedbackIntegration({
  autoInject: false,
  colorScheme: 'light',
  showScreenshot: true,
  onSubmitError: (error: Error) => {
    console.log('onSubmitError', error);
  },
});

const client = new BrowserClient({
  dsn: import.meta.env.VITE_SCENTRY_DSN,
  transport: makeFetchTransport,
  stackParser: defaultStackParser,
  integrations: [...integrations, feedback],
});

export const scope = new Scope();
scope.setClient(client);

client.init();

console.log(getFeedback()) // return undefined
console.log(scope.getClient()?.getIntegrationByName('Feedback')) // return feedbackIntegration

captureFeedback(
    {
      name: 'Jane Doe', 
      email: '[email protected]',
      message: 'This is an example feedback',
    },
    {},
    scope,
); // sends feedback

const form = await feedback.createForm();
form.appendToDom();
form.open();

setCurrentClient(client);
console.log(getFeedback()) // return feedbackIntegration