fix: incorrect typings for ViewModelsProvider component

Author: js2me

.changeset/icy-radios-wear.md

@@ -0,0 +1,5 @@
+---
+"mobx-view-model": patch
+---
+
+fixed incorrect typings for `ViewModelsProvider` component

src/components/index.ts

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

src/components/view-models-provider.tsx

@@ -0,0 +1,9 @@
+import type { ComponentType, ReactNode } from 'react';
+import { ViewModelsContext } from '../contexts/index.js';
+import type { ViewModelStore } from '../view-model/index.js';
+
+export const ViewModelsProvider =
+  ViewModelsContext.Provider as unknown as ComponentType<{
+    value: ViewModelStore;
+    children?: ReactNode;
+  }>;

src/config/types.ts

@@ -2,11 +2,11 @@ import type { ComponentType } from 'react';
 import type { AnyObject, Class, DeepPartial, Maybe } from 'yummies/utils/types';
 
 import type { ViewModelHocConfig } from '../hoc/with-view-model.js';
-import type { ViewModelCreateConfig } from '../view-model/view-model.store.types.js';
 import type {
   AnyViewModel,
   PayloadCompareFn,
-} from '../view-model/view-model.types.js';
+  ViewModelCreateConfig,
+} from '../view-model/index.js';
 
 import type { ObservableAnnotationsArray } from './utils/apply-observable.js';
 

src/hoc/with-lazy-view-model.tsx

@@ -6,7 +6,7 @@ import {
 } from 'react-simple-loadable';
 import { type PackedAsyncModule, unpackAsyncModule } from 'yummies/imports';
 import type { Class, Maybe, MaybePromise } from 'yummies/utils/types';
-import { viewModelsConfig } from '../config/global-config.js';
+import { viewModelsConfig } from '../config/index.js';
 import type { AnyViewModel, AnyViewModelSimple } from '../view-model/index.js';
 
 import {

src/hoc/with-view-model.tsx

@@ -12,15 +12,15 @@ import type {
   IsPartial,
   Maybe,
 } from 'yummies/utils/types';
-import { viewModelsConfig } from '../config/global-config.js';
+import { viewModelsConfig } from '../config/index.js';
 import {
   ActiveViewModelContext,
   ViewModelsContext,
 } from '../contexts/index.js';
 import {
   type UseCreateViewModelConfig,
   useCreateViewModel,
-} from '../hooks/use-create-view-model.js';
+} from '../hooks/index.js';
 import type {
   AnyViewModel,
   AnyViewModelSimple,

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

@@ -1,22 +1,22 @@
 import { useContext, useLayoutEffect } from 'react';
 import type { Class, IsPartial, Maybe } from 'yummies/utils/types';
-
-import { viewModelsConfig } from '../config/global-config.js';
 import type {
   CreateViewModelFactoryFn,
   GenerateViewModelIdFn,
 } from '../config/index.js';
-import { ActiveViewModelContext } from '../contexts/active-view-context.js';
-import { ViewModelsContext } from '../contexts/view-models-context.js';
-import { useIsomorphicLayoutEffect } from '../lib/hooks/use-isomorphic-layout-effect.js';
-import { useValue } from '../lib/hooks/use-value.js';
-import { isViewModelClass } from '../utils/typeguards.js';
-import type { ViewModelCreateConfig } from '../view-model/view-model.store.types.js';
+import { viewModelsConfig } from '../config/index.js';
+import {
+  ActiveViewModelContext,
+  ViewModelsContext,
+} from '../contexts/index.js';
+import { useIsomorphicLayoutEffect, useValue } from '../lib/hooks/index.js';
+import { isViewModelClass } from '../utils/index.js';
 import type {
   AnyViewModel,
   AnyViewModelSimple,
-} from '../view-model/view-model.types.js';
-import type { ViewModelSimple } from '../view-model/view-model-simple.js';
+  ViewModelCreateConfig,
+  ViewModelSimple,
+} from '../view-model/index.js';
 
 export interface UseCreateViewModelConfig<TViewModel extends AnyViewModel>
   extends Pick<

src/index.ts

@@ -1,10 +1,6 @@
-import { ViewModelsContext } from './contexts/index.js';
-
 export * from './components/index.js';
 export * from './config/index.js';
 export * from './hoc/index.js';
 export * from './hooks/index.js';
 export * from './utils/index.js';
 export * from './view-model/index.js';
-
-export const ViewModelsProvider = ViewModelsContext.Provider;

src/lib/hooks/index.ts

@@ -0,0 +1,2 @@
+export * from './use-isomorphic-layout-effect.js';
+export * from './use-value.js';

src/utils/typeguards.ts

@@ -1,5 +1,5 @@
 import type { AnyObject, Class, EmptyObject } from 'yummies/utils/types';
-import type { ViewModel } from '../view-model/view-model.js';
+import type { ViewModel } from '../view-model/index.js';
 
 export const isViewModel = <TPayload extends AnyObject = EmptyObject>(
   value: AnyObject,