#Strapi #React customField

customField.js

app.customFields.register({
      "name" :     "editorjs-field",
      "pluginId" : pluginId,
      "type"      : "json",
      "components" : {
         Input: async () => {
          const Module = (await import ('./components/Editor'));
          const Component = Module.default;
          const inst : React.FC<any> = ( ({...props}) => {
            return (
            <ThemeContext.Provider value={app.configurations.theme} >
              <Component {...props}></Component>
            </ThemeContext.Provider>)
          });
          return { default : inst } ;
        }
      },
      intlLabel: {
        id: `${pluginId}.plugin.customField.name`,
        defaultMessage: 'editorJs',
      },
      intlDescription: {
        id: `${pluginId}.plugin.customField.description`,
        defaultMessage: "editorjs custom field",
      },
      validator : () => yup.mixed().nullable()
    })