hagevvashi

foo:
  bar:
    baz:
      - hoge
      - fuga
      - piyo

hagevvashi

try {
  await axios.post("/some-resources");
} catch(e) {
  // error handling
  throw e; // this causes unhandled rejection
}

hagevvashi

const causeUnhandledRejectionAfter =
  (timeout: number): Promise<void> =>
    new Promise((resolve, reject): number =>
      setTimeout(reject, timeout));

causeUnhandledRejectionAfter(3000);

hagevvashi

window.addEventListener("unhandledrejection", (e: PromiseRejectionEvent): void => {
  // an error loginng
  logError(e.reason);
});

hagevvashi

process.on("unhandledRejection", (error: {} | null | undefined, promise: Promise<any>) => {
  // an error loging
  logError(error);
})

hagevvashi

// notify event on another event loop
const logError = (e: Error):void => {
  setTimeout((): void => {
    throw e;
  });
}

if (!document.getElementById("app")) {
 logError(new Error("app not found"));

hagevvashi

// notify error as unhandled rejection
const logError = (e: Error):Promise<void> => Promise.reject(e);

if (!document.getElementById("app")) {
  logError(new Error("app not found")); // causes unhandled rejection
  // Subsequent processing
}

hagevvashi

import React, { FC } from "react";

const MyComponent: FC = () => {
  return (<div>foo</div>);
};

export default {
  title: "title of group",
  parameters: {
    info: {

hagevvashi

import React, { FC } from "react";

const MyComponent: FC = () => {
  return (<div>foo</div>);
};

export default {
  title: "title of group",
  parameters: {
    info: {

hagevvashi

- export const Complicated: FC = () => <MyComponent />;
+ export const Complicated = () => <MyComponent />;