Dynamic Form Field Override Default value is not setting for single line of Text Column

[urwahumer]

Thank you for reporting an issue, suggesting an enhancement, or asking a question. We appreciate your feedback - to help the team understand your
needs please complete the below template to ensure we have the details to help. Thanks!

Please check out the documentation to see if your question is already addressed there. This will help us ensure our documentation is up to date.

Category

[ ] Enhancement

[x] Bug

[ ] Question

Version

Please specify what version of the library you are using: [3.21.0]

If you are not using the latest release, please update and see if the issue is resolved before submitting an issue.

Expected / Desired Behavior / Question

When overriding a Single line of text field in a DynamicForm using fieldOverride, setting a default value should:

Show the value in the form when it renders (based on context, e.g. specific page).

Persist that value into the form model and save it to the list item when the form is submitted.

Observed Behavior

For Lookup columns, this works as expected — default values display and are saved.

For Single line of text columns (example: EntityID):

The default value shows in the UI.

But when saving, the field value is not included in the payload.

Even though we are calling onChanged in useEffect to commit the value, it is still not persisted.

Steps to Reproduce

Create a SharePoint list with a Single line of text field (EntityID).

Render a DynamicForm with a field override for this column.

Use code similar to:
const EntityIDOverride: React.FC<{ fieldProperties: IDynamicFieldProps; currentItem: any }> = ({
fieldProperties,
currentItem,
}) => {
const { columnInternalName, value, onChanged, ...rest } = fieldProperties;

const entityId = currentItem?.currentProperty?.EntityID
? String(currentItem.currentProperty.EntityID)
: '';

React.useEffect(() => {
if (entityId && !value) {
console.log('🔁 Committing EntityID default:', entityId);
onChanged?.(columnInternalName, entityId, true);
}
}, [entityId]);

return (
<DynamicField
{...rest}
columnInternalName={columnInternalName}
value={value ?? entityId}
newValue={value ?? entityId}
defaultValue={entityId}
onChanged={(col, val, validate, additional) => {
console.log('✏️ EntityID changed:', col, val);
onChanged?.(col, val, validate, additional);
}}
/>
);
};

EntityID: (props) => (

),

Load the form from a page where EntityID should be pre-populated.

Save the form.

Result:

Field shows the default value.

On save, the value is not persisted into the list item.

Submission Guidelines

Delete this section after reading

• All suggestions, questions and issues are welcome, please let us know what's on your mind.
• Remember to include sufficient details and context.
• If you have multiple suggestions, questions, or bugs please submit them in separate issues so we can track resolution.

Thanks!

[github-actions]

Thank you for submitting your first issue to this project.

[martinlingstuyl]

Hi @urwahumer,

I do recognize the behavior you describe. I believe I've run into it as well. I'm not a 100% sure what the solution was though.

I have a similar solution here with a title field being overridden, on version 3.20.4 of the npm package.

My override looks like the below and is working quite fine. It may just be that the feeding all the fieldProperties into the DynamicField is the solution here. Could you try it?

const renderTitleField = (
    fieldProperties: IDynamicFieldProps
  ): React.ReactElement<IDynamicFieldProps> => {
    
    return <DynamicField {...fieldProperties} required={true} label={strings.TitleLabel} />
  };

[martinlingstuyl]

But of course it may just be that I don't have default values set here...

[urwahumer]

Yes Actually Im setting some default vlaue to a field on Ui it appears that value is set but when form is saved its value not saving in list.
I have created a seperate component for rendering that field in my field component Im using useEffect to setting value in field properties via onChanged method. Can you share some example where you have set a default value to a field and its value is actually setting.

[martinlingstuyl]

I tried to find one, but I don't have an exactly similar setup here I believe. Which is why I'm not sure.

Could you at least try feeding your entire fieldProperties object to the dynamicForm and see if that does something?

<DynamicField {...fieldProperties} ...etc... />

[urwahumer]

Yes I have tried with even default properties .Its rendering but my main motive is that I want to pass a value aswell.

[urwahumer]

I want the form to automatically populate the Entity ID field with a default value when it renders. Then, when the form is saved, that default value should be submitted as part of the item.

[martinlingstuyl]

Hi @urwahumer, I understand that. the idea is that you can override any property/function you want, so in your case you could do something like:

<DynamicField {...fieldProperties} defaultValue={someDefaultValue} ...etc... />

In this way you ensure that the DynamicField has all the propertes available within the fieldProperties object, and it also has your own overridden properties...

[urwahumer]

Its tried but this didnt even solved a problem.

[martinlingstuyl]

As I said I'm not sure what the issue is here though I believe I ran into it as well. I'd need to check to see if I can reproduce it and what the issue might be. As a workaround you could make sure in the onBeforeSubmit function that the default value is set.