Scaffolder Extension

index.ts

//packages/app/src/scaffolder/extensions/index.ts
import { scaffolderPlugin, createScaffolderFieldExtension } from '@backstage/plugin-scaffolder';
import { BitbucketToken }
export const BitbucketFieldExtension = scaffolderPlugin.provide(
  createScaffolderFieldExtension({
    name: 'BitbucketToken',
    component: BitbucketToken,
  })
);
                                                                      

index.tsx

// packages/app/src/scaffolder/extensions/Bitbucket/index.tsx
import React, { useCallback, useEffect } from 'react';
import { FieldProps } from '@rjsf/core';

export const BitbucketToken = ({
  onChange,
  uiSchema,
  rawErrors,
  formData,
}: FieldProps<string>) => {
  return (
    <>
      <FormControl
        margin="normal"
        required
        error={rawErrors?.length > 0}
      >
         <InputLabel htmlFor="tokenInput">Organization</InputLabel>
          <Input
            id="tokenInput"
            onChange={(e) => onChange(e.target.value)}
            value={formData}
          />
          <FormHelperText>the token</FormHelperText>
      </FormControl>
  </>
  )
}