fix(next): cannot override tab of default view

[chmielulu]

What?

TypeScript says that it is possible to modify the tab of the default view however, when you specify the path to the custom component, nothing happens. I fixed it.

How?

If a Component for the tab of the default view is defined in the config, I return that Component instead of DocumentTab

Example Configuration

config.ts

export const MenuGlobal: GlobalConfig = {
  slug: menuSlug,
  fields: [
    {
      name: 'globalText',
      type: 'text',
    },
  ],
  admin: {
    components: {
      views: {
        edit: {
          api: {
            tab: {
              Component: './TestComponent.tsx',
            },
          },
        },
      },
    },
  },
}

./TestComponent.tsx

const TestComponent = () => 'example'

export default TestComponent

Before

After