@octanejs/mobx

MobX bindings for Octane. The package re-exports the framework-independent mobx core and implements the mobx-react-lite function-component surface with Octane hooks.

import { makeAutoObservable, observer } from '@octanejs/mobx';

const store = makeAutoObservable({ count: 0 });

const Counter = observer(function Counter(props: { store: typeof store }) @{
	<button onClick={() => props.store.count++}>{props.store.count as string}</button>
});

Supported

• MobX core exports
• observer
• useObserver
• Observer
• useLocalObservable
• enableStaticRendering and isUsingStaticRendering

Intentional v1 limits

This binding targets compiled Octane function components. React class components, legacy Provider/inject, forwardRef compatibility options, React-specific batching, and React DevTools integration are not included.