feat: add ActiveViewModelProvider internal HOC

Author: js2me

.changeset/busy-bottles-taste.md

@@ -0,0 +1,5 @@
+---
+"mobx-view-model": minor
+---
+
+added `ActiveViewModelProvider` internal HOC

src/components/active-view-model-provider.tsx

@@ -0,0 +1,14 @@
+import type { ReactNode } from 'react';
+import { ActiveViewModelContext } from '../contexts/index.js';
+import type { AnyViewModel, AnyViewModelSimple } from '../view-model/index.js';
+
+/**
+ * This is a provider for the `ActiveViewModelContext`.
+ * This HOC is not recommended for public usage.
+ * Better to use `withViewModel` HOC.
+ */
+export const ActiveViewModelProvider =
+  ActiveViewModelContext.Provider as unknown as React.ComponentType<{
+    value: AnyViewModel | AnyViewModelSimple;
+    children?: ReactNode;
+  }>;

src/components/index.ts

@@ -1,2 +1,3 @@
+export * from './active-view-model-provider.js';
 export * from './only-view-model.js';
 export * from './view-models-provider.js';

src/hoc/with-view-model.tsx

@@ -11,11 +11,9 @@ import type {
   IsUnknown,
   Maybe,
 } from 'yummies/types';
+import { ActiveViewModelProvider } from '../components/active-view-model-provider.js';
 import { viewModelsConfig } from '../config/index.js';
-import {
-  ActiveViewModelContext,
-  ViewModelsContext,
-} from '../contexts/index.js';
+import { ViewModelsContext } from '../contexts/index.js';
 import {
   type UseCreateViewModelConfig,
   useCreateViewModel,
@@ -385,9 +383,9 @@ const withViewModelWrapper = (
 
     if (isRenderAllowed) {
       return (
-        <ActiveViewModelContext.Provider value={model}>
+        <ActiveViewModelProvider value={model}>
           {Component && <Component {...componentProps} model={model} />}
-        </ActiveViewModelContext.Provider>
+        </ActiveViewModelProvider>
       );
     }
 

src/hooks/use-create-view-model.ts

@@ -108,7 +108,7 @@ const useCreateViewModelBase = (
   config?: Maybe<UseCreateViewModelConfig<AnyViewModel>>,
 ) => {
   const viewModels = useContext(ViewModelsContext);
-  const parentViewModel = useContext(ActiveViewModelContext) || null;
+  const parentViewModel = useContext(ActiveViewModelContext);
 
   const ctx = config?.ctx ?? {};
 
@@ -180,7 +180,7 @@ const useCreateViewModelSimple = (
   payload?: any,
 ) => {
   const viewModels = useContext(ViewModelsContext);
-  const parentViewModel = useContext(ActiveViewModelContext) || null;
+  const parentViewModel = useContext(ActiveViewModelContext);
 
   const instance = useValue(() => {
     const instance = new VM();