Using custom provider breaks sanity codegen about sanity-plugin-icon-picker HOT 2 CLOSED

import React from 'react'
import {defineField} from 'sanity'
import {FontAwesomeIcon} from '@fortawesome/react-fontawesome'
import {
  faSquareFacebook,
  faInstagram,
  faLinkedin,
  faTwitter,
} from '@fortawesome/free-brands-svg-icons'

const icons = {
  squareFacebook: faSquareFacebook,
  instagram: faInstagram,
  linkedin: faLinkedin,
  twitter: faTwitter,
}

export const schemaTypes = [
  {
    title: 'Icons',
    name: 'icons',
    type: 'document',
    fields: [
      defineField({
        title: 'Icon',
        name: 'icon',
        type: 'iconPicker',
        options: {
          configurations: [
            {
              title: 'FA Solid Icons',
              provider: 'fa-pro',
              icons: () =>
                Object.entries(icons).map(([name, Component]) => {
                  return {
                    name,
                    component: () => (
                      <div
                        style={{
                          display: 'flex',
                          alignItems: 'center',
                          justifyContent: 'center',
                          width: '25px',
                          height: '25px',
                        }}
                      >
                        <FontAwesomeIcon icon={Component} />
                      </div>
                    ),
                    tags: [name],
                  }
                }),
            },
          ],
        },
      }),
    ],
  },
]