What's the best way to use Payload local API in a custom component?

Hi, Having a small issue when trying to use the Payload local API in a custom component.

Payload local API doesn't work until after Payload initializes and this seems to be the problem I'm having.

Context: I'm producing a plugin that will add a view to the config.admin.components and it's within this component I want to use the local API.

export default (pluginConfig: PluginConfig): Plugin =>
  config => {
    const updatedConfig: Config = {
      ...config,
      admin: {
        ...config.admin,
        components: {
          ...config.admin?.components,
          views: {
            ...config.admin?.components?.views,
            MigrateExportView: {
              Component: ({ user, canAccessAdmin }) =>
                React.createElement(MigrateView, { user, canAccessAdmin, migrateType: 'export' }),
              path: '/migrate/export',
            },
            MigrateImportView: {
              Component: ({ user, canAccessAdmin }) =>
                React.createElement(MigrateView, { user, canAccessAdmin, migrateType: 'import' }),
              path: '/migrate/import',
            },
          },
        },
      },
    }

    return deepmerge(updatedConfig, pluginConfig.overwrites || {})
  }