Custom field in plugin not showing

I have attempted adding a custom plugin via the docs, using the cli, and registered a custom field, complete with a component in the index.tsx file of the plugin/myplugin/admin/src directory, but I am still not seeing it show up as a custom field that can be selected in the content builder. The plugin does have a page that shows up on my side menu so I know the plugin is activated and working properly, it’s really just the field not being registered propertly within the admin side.

    app.addFields({
      Component: FractionPicker,
      type: pluginId
    });

    app.addMenuLink({
      to: `/plugins/${pluginId}`,
      icon: PluginIcon,
      intlLabel: {
        id: `${pluginId}.plugin.name`,
        defaultMessage: name,
      },
      Component: async () => {
        const component = await import('./pages/App');

        return component;
      },
      permissions: [
        // Uncomment to set the permissions of the plugin here
        // {
        //   action: '', // the action name should be plugin::plugin-name.actionType
        //   subject: null,
        // },
      ],
    });
    const plugin = {
      id: pluginId,
      initializer: Initializer,
      isReady: false,
      name,
    };

    app.registerPlugin(plugin);
  },

<i>This topic has been created from a Discord post (1278743113820672001) to give it more visibility.
It will be on Read-Only mode here.
<a href="https://discord.com/channels/811989166782021633/1278743113820672001/1278743113820672001">Join the conversation on Discord</a></i>

<@1236763710601826326> did you manage to resolve this? I’m facing the same issue

<@1070467185354481724> :point_up_2:

If you’re working in the v5, I recommend you to read the examples in this documentation they’re pretty helpful:

At the end of the page, you can find an example of a case similar to yours