Lifecycle events

const off = MicroSurvey.on("response_submitted", ({ surveyId, responseId }) => {
  analytics.track("survey_response_submitted", { surveyId, responseId });
});
// when you no longer need the listener:
off();

useEffect(() => {
  const offShown = MicroSurvey.on("survey_shown", (p) => {
    analytics.track("insito_survey_shown", p);
  });
  const offDone = MicroSurvey.on("response_submitted", (p) => {
    analytics.track("insito_response_submitted", p);
  });
  return () => {
    offShown();
    offDone();
  };
}, []);

useEffect(() => {
  if (!__DEV__) return;
  return MicroSurvey.on("error", ({ where, message }) => {
    console.error(`[insito:${where}] ${message}`);
  });
}, []);

useEffect(() => {
  return MicroSurvey.on("response_submitted", () => {
    Toast.show("Thanks for the feedback!");
  });
}, []);

useEffect(() => {
  const offSubmitted = MicroSurvey.on("response_submitted", (p) => {
    analytics.track("survey_submitted_online", p);
  });
  const offQueued = MicroSurvey.on("response_queued", (p) => {
    analytics.track("survey_submitted_offline", p);
  });
  return () => {
    offSubmitted();
    offQueued();
  };
}, []);

// Bad — leaks on every mount/unmount cycle
useEffect(() => {
  MicroSurvey.on("survey_shown", track);
}, []);

// Good — clean teardown
useEffect(() => MicroSurvey.on("survey_shown", track), []);