JavaScript async error control flow

onRejected.ts

const work = async () => "success";

work().then(
  (result) => {
    console.log(result);
  },
  (error) => {
    console.error(error);
  }
);

tryCatch.ts

const work = async () => "success";

const start = async () => {
  let result
  try {
    result = await work()
  } catch (error) {
    console.error(error)
  }
  console.log(result)
};

wrapper.ts

const to = <T>(promise: Promise<T>) =>
  promise.then(
    (result: T): { result: T; error: undefined } => ({
      result,
      error: undefined,
    }),
    (error: Error): { result: undefined; error: Error } => ({
      error,
      result: undefined,
    })
  );

const work = async () => "success";

const start = async () => {
  // NOTE: We cannot destructure here
  const response = await to(work2('aaa'));
  if (response.error) {
    const { error } = response;
    console.error(error);
  } else {
    const { result } = response;
    console.log(result);
  }
};