Effector Snippets

nextjs_use_effector_scope.ts

import * as React from "react";
import type { Scope } from "effector";
import { fork, serialize } from "effector";

let clientScope: Scope;

const initializeScope = (initialData: Record<string, unknown>) => {
  let scope = fork({
    values: {
      ...(clientScope ? serialize(clientScope) : {}),
      ...initialData,
    },
  });

  if (typeof window !== "undefined") {
    clientScope = scope;
  }

  return scope;
};

export const useScope = (initialData = {}) =>
  React.useMemo(() => initializeScope(initialData), [initialData]);

export const getClientScope = (): Scope | undefined => clientScope;