Set Singleton Title in Desk Structure Not Working

[davidbwaters]

The following desk structure doesn't set the title property in singleton item. The title just shows as field previews, when I want it to be 'Hero'.

import { EyeOpenIcon } from '@sanity/icons'

export default (S) =>
  S.list()
    .title('Base')
    .items([
      S.listItem()
        .id('hero')
        .title('Hero')
        .icon(EyeOpenIcon)
        .child(
          S.document()
            .schemaType('hero')
            .title('Hero')
            .documentId('hero')
            .id('Hero')
        ),
      ...S.documentTypeListItems().filter( listItem => {
        if (
          !['hero'].includes(listItem.getId()) == false ||
          !['media'].includes(listItem.getId()) == false
        ) {
          return false
        }
      })
    ])

[wrux]

Would this work? I think you can switch to S.editor() to get the editor panel.

export default (S) =>
  S.list()
    .title('Base')
    .items([
      S.listItem()
        .id('hero')
        .title('Hero')
        .child(
          S.editor()
            .schemaType('hero')
            .title('Hero')
            .documentId('hero')
            .id('hero')
        ),
      ...S.documentTypeListItems().filter((listItem) =>
        ['hero', 'hero'].includes(listItem.getId())
      ),
    ]);

Also unrelated, but I think the logic inside documentTypeListItems().filter() can be simplified.

[davidbwaters]

Thanks, yeah, it's still showing the field preview as the title using editor()