createEmotionCache.ts

import createCache from "@emotion/cache";

export const defaultCache = createEmotionCache();

export default function createEmotionCache() {
  // @ts-expect-error
  // The browser throws when calling .default, but the server throws if we don't call .default
  // Of course!
  return typeof document === "undefined"
    ? createCache.default({ key: "cha" })
    : createCache({ key: "cha" });
}