How to display a filter ribbon button

[junk123321]

I wanted to get a filter ribbon button to show up as above image. And I followed following instruction. However, a filter ribbon button didn't show as expected. How to fix it?

https://docs.univer.ai/guides/sheets/features/filter#%E9%A2%84%E8%AE%BE%E4%B8%8E%E9%85%8D%E7%BD%AE

import { UniverSheetsCorePreset } from '@univerjs/preset-sheets-core'
import UniverPresetSheetsCoreZhCN from '@univerjs/preset-sheets-core/locales/zh-CN'
import { UniverSheetsFilterPreset } from '@univerjs/preset-sheets-filter'
import UniverPresetSheetsFilterZhCN from '@univerjs/preset-sheets-filter/locales/zh-CN'
import { createUniver, LocaleType, mergeLocales } from '@univerjs/presets'

import '@univerjs/preset-sheets-core/lib/index.css'
import '@univerjs/preset-sheets-filter/lib/index.css'

const { univerAPI } = createUniver({
  locale: LocaleType.ZH_CN,
  locales: {
    [LocaleType.ZH_CN]: mergeLocales(
      UniverPresetSheetsCoreZhCN,
      UniverPresetSheetsFilterZhCN, 
    ),
  },
  presets: [
    UniverSheetsCorePreset({
        container: 'app',
        toolbar: true,
        menu: {
            'sheet.command.smart-toggle-filter': { hidden: false },
        },
    }),
    UniverSheetsFilterPreset(), 
  ],
})