How to use the @ledgerhq/devices.getDeviceModel function in @ledgerhq/devices

render() {
    const { t } = this.props
    const device = getDeviceModel('nanoX')

    const stepsLedgerNano = [
      {
        key: 'step1',
        icon: {'1.'},
        desc: t('onboarding.selectPIN.restore.instructions.nanoX.step1', device),
      },
      {
        key: 'step2',
        icon: {'2.'},
        desc: t('onboarding.selectPIN.restore.instructions.nanoX.step2', device),
      },
      {
        key: 'step3',
        icon: {'3.'},
        desc: (

bytes: version.bytes,
            warning: version.warning,
            indexOfMarketCap
          });

          return app;
        })
        .filter(Boolean);

      log(
        "list-apps",
        `${installedList.length} apps installed. ${applicationsList.length} apps store total. ${apps.length} available.`,
        { installedList }
      );

      const deviceModel = getDeviceModel(deviceModelId);

      const installed = installedList.map(({ name, hash, blocks }) => {
        const ins =
          (hash && apps.find(i => hash === i.hash)) ||
          apps.find(i => name === i.name);
        return {
          name,
          updated: ins ? ins.hash === hash : false,
          blocks:
            blocks ||
            Math.ceil(((ins && ins.bytes) || 0) / deviceModel.blockSize),
          hash
        };
      });

      const appByName = {};

export default (props: StepProps) => {
  const { nextStep, prevStep, t, onboarding } = props

  const model = getDeviceModel(onboarding.deviceModelId)

  return (
    
      
        
        {onboarding.flowType === 'restoreDevice' ? (
          
            <title>{t('onboarding.selectPIN.restore.title')}</title>

export function GenuineCheckUnavailableMessage({
  handleOpenGenuineCheckModal,
  onboarding,
  t,
}: {
  handleOpenGenuineCheckModal: () => void,
  t: T,
  onboarding: OnboardingState,
}) {
  const model = getDeviceModel(onboarding.deviceModelId || 'nanoS')

  return (
    
      
      <span>
        
      </span>

render() {
    const { action } = this.props;

    return (

export const initState = ({
  deviceModelId,
  appsListNames,
  ...listAppsResult
}: ListAppsResult): State => ({
  ...listAppsResult,
  apps: appsListNames.map(name => listAppsResult.appByName[name]),
  deviceModel: getDeviceModel(deviceModelId),
  installQueue: [],
  uninstallQueue: [],
  currentProgress: null,
  currentError: null,
  currentAppOp: null
});

render() {
    const deviceWording = getDeviceModel("nanoX");
    return (

fontSize={4}
            ff="Inter|Regular"
            textAlign="center"
            style={{ maxWidth: 350 }}
          >
            {t(
              `manager.apps.${
                isSupported
                  ? hasAccount
                    ? 'supportedCurrency'
                    : 'supportedCurrencyNeedAccount'
                  : 'unsupportedCurrency'
              }`,
              {
                app: app.name,
                device: getDeviceModel(device.modelId).productName,
                currency: (app && ((app.currency && app.currency.name) || app.name)) || '',
              },
            )}
          
        ) : null}
      
    ) : null
  }

render() {
    const { finish, t, onboarding } = this.props
    const { emit } = this.state

    const model = getDeviceModel(onboarding.deviceModelId || 'nanoS')

    return (

bg={colors.pillActiveBackground}
            floatingIcon={}
            floatingBg={colors.green}
          >