Modern UI: Custom Field Not Working on BOM and Stock Item Screens

Hi Community

Could someone please help me with the correct code for displaying a custom field in the Modern UI?

I am trying to convert the custom field UsrItemRevision to Modern UI and display it on the BOM (AM208000) and Stock Item (IN202500) screens.

I have already tried adding the field using TypeScript and HTML, but it does not work on these screens. Similar code works correctly on other screens, so I believe I may be missing something specific to AM208000 and IN202500.

BOM Screen (AM208000)

import { PXFieldState } from "client-controls";
import { AM208000, AMBomItem } from "src/screens/AM/AM208000/AM208000";

export interface AM208000_InventoryRevision25R2_generated extends AM208000 {}

export class AM208000_InventoryRevision25R2_generated {}

export interface AMBomItem_InventoryRevision25R2_generated extends AMBomItem {}

export class AMBomItem_InventoryRevision25R2_generated {
    UsrItemRevision: PXFieldState;
}

HTML

<template>
    <field name="Documents.UsrItemRevision"></field>
</template>

Stock Item Screen (IN202500)

<template>
    <qp-fieldset
        id="ItemRevision"
        view.bind="ItemSettings"
        caption="Item Revision">

        <field name="ItemSettings.UsrItemRevision"></field>
    </qp-fieldset>
</template>

TypeScript (TS)

import { PXFieldState, PXFieldOptions } from "client-controls";
import { ItemSettings } from "src/screens/IN/IN202500/IN202500";

export interface IN202500_GeneralRevision extends ItemSettings {}

export class IN202500_GeneralRevision {
    UsrItemRevision: PXFieldState<PXFieldOptions.CommitChanges>;
}