Can't get template properties to work

[thickeywex]

In this example I would expect the field labels to be replaced with the word "TEST" but it doesn't have any effect on the markup that's generated.

import React from 'react';
import ReactDOM from 'react-dom';
import {render} from 'react-dom';
import Form from '@rjsf/core';
import validator from '@rjsf/validator-ajv8';

const schema = {
  title: 'Todo',
  type: 'object',
  required: ['title'],
  properties: {
    title: { type: 'string', title: 'Title', default: 'A new task' },
    done: { type: 'boolean', title: 'Done?', default: false },
  },
};

const log = (type) => console.log.bind(console, type);

function CustomFieldTemplate(props) {
    const { id, classNames, style, label, help, required, description, errors, children } = props;
    return (
      <div className={classNames} style={style}>
        <label htmlFor={id}>TEST</label>
        {description}
        {children}
        {errors}
        {help}
      </div>
    );
  }

render(
  <Form
    schema={schema}
    validator={validator}
    FieldTemplate={CustomFieldTemplate}
    onChange={log('changed')}
    onSubmit={log('submitted')}
    onError={log('errors')}
  />,
  document.getElementById('app')
);

[DiskCrasher]

Since your schema type is object I believe you need to use ObjectFieldTemplate.