GitBook: [v23] one page modified

Author: christianalfoni

api-1/lazy.md

@@ -3,40 +3,29 @@
 You can lazy load configurations. You do this by giving each configuration a key with a function that returns the config when called. To actually load the configurations you can either call an effect or an action with the key of the configuration to load.
 
 {% tabs %}
-{% tab title="overmind/index.ts" %}
+{% tab title="overmind/index.js" %}
 ```typescript
-import { IConfig } from 'overmind'
 import { lazy } from 'overmind/config'
-import { Config as ModuleAConfig } from './moduleA'
 
 export const config = lazy({
-  moduleA: async (): Promise<ModuleAConfig> => await import('./moduleA').config
+  moduleA: async () => await import('./moduleA').config
 })
-
-declare module 'overmind' {
-  interface Config extends IConfig<typeof config> {}
-}
 ```
 {% endtab %}
 
-{% tab title="overmind/moduleA/index.ts" %}
+{% tab title="overmind/moduleA/index.js" %}
 ```typescript
-import { IConfig } from 'overmind'
 import { state } from './state'
 
 export const config = {
   state
 }
-
-export interface Config extends IConfig<typeof config> {}
 ```
 {% endtab %}
 
-{% tab title="overmind/actions.ts" %}
+{% tab title="overmind/actions.js" %}
 ```typescript
-import { AsyncAction } from 'overmind'
-
-export const loadModule: AsyncAction = async ({ actions }) => {
+export const loadModule = async ({ actions }) => {
   await actions.lazy.loadConfig('moduleA')
 }
 ```