hooks.tsx

import * as React from "react";
const faunadb = require("faunadb");
const q = faunadb.query;
export const FaunaContext = React.createContext();

export const FaunaProvider = ({ children, faunaSecret }) => {
  const fauna = React.useMemo(() => {
    if (!faunaSecret) {
      throw new Error(`No faunaSecret found, skipping client creation`);
    }
    const client = new faunadb.Client({
      secret: faunaSecret
    });
    return { client, q };
  }, [faunaSecret]);
  return (
    <FaunaContext.Provider value={fauna}>{children}</FaunaContext.Provider>
  );
};