import {} from "effector-solid/scope";

Provides all exports from effector-solid, but enforces the application to use Scope for all components.

Usage

You can use this module in the same way as effector-solid, but it will require passing Scope to Provider component.

// main.js
import { fork } from "effector";
import { Provider } from "effector-solid/scope";
import { render } from "solid-js/web";

const scope = fork();

render(
  <Provider value={scope}>
    <Application />
  </Provider>,
  document.getElementById("root"),
);

Migration

Since effector-solid/scope is deprecated, it is recommended to migrate to effector-solid by removing scope from the import path.

+ import { Provider } from "effector-solid";
- import { Provider } from "effector-solid/scope";

Scope enforcement

All modern hooks of effector-solid are designed to work with Scope. If you want to imitate the behavior of the effector-solid/scope module, you can pass a second parameter to hooks with an option forceScope: true. In this case, the hook will throw an error if the Scope is not passed to Provider.

- import { useUnit } from 'effector-solid/scope'
+ import { useUnit } from 'effector-solid'


function MyComponent() {
-  const { test } = useUnit({ text: $text })
+  const { test } = useUnit({ text: $text }, { forceScope: true })

  return <p>{text}</p>
}