Custom Field Extension doesn't work

[robust hearth]

cont...

then i added it in my App.tsx:

    <Route path="/create" element={<ScaffolderPage />}>
      <ScaffolderFieldExtensions>
        <ValidateNameFieldExtensions />
      </ScaffolderFieldExtensions>
    </Route>

but it didn't work. am i missing something? i also tried to add a <div>test</div> to test if it will display on the scaffolder but it didn't show up.

i tried adding ui:field: ValidateName on my template.yaml but that just erased the name label.

i am following and referencing these: https://youtu.be/vskefrlvocE?list=PLj6h78yzYM2PyrvCoOii4rAopBswfz1p7&t=857
https://backstage.io/docs/features/software-templates/writing-custom-field-extensions

EDIT: nevermind, i already solved it 🥲 i didn't notice that my name for my scaffolder extension was not the same as what i was using in my ui:field