import { useAsync } from "react-use";
import { FormiumForm, defaultComponents } from "@formium/react";

import Spinner from "components/spinner";
import Error from "components/error";

import { formium } from "lib/formium";

const Form = ({ slug, preview = false }) => {
  const { loading, error, value: form } = useAsync(async () => {
    return formium.getFormBySlug(slug /* , previewData*/);
  }, [slug]);

  if (loading) {
    return <Spinner />;
  }

  if (error) {
    return <Error message={error.message} />;
  }

  console.log(form);

  ...

// other-component.js

<Form slug={"feedback"} />