import React, { useEffect, useState } from 'react';
import { useQueryClient } from '@contentful/field-editor-reference';

const EntryTitleUpdater = ({ entryId, newTitle }) => {
const queryClient = useQueryClient();
const [isUpdating, setIsUpdating] = useState(false);

useEffect(() => {
const updateEntryTitleInCache = () => {
setIsUpdating(true);

  queryClient.setQueryData(['entry', entryId], (prevData) => {
    if (!prevData) return prevData;
    
    return { 
      ...prevData,
      title: newTitle
    };
  });
  
  queryClient.invalidateQueries('entries');
  
  setIsUpdating(false);
};

// If newTitle is available, update the title
if (newTitle) {
  updateEntryTitleInCache();
}

}, [newTitle, entryId, queryClient]);

return (

export default EntryTitleUpdater;

You can please try this. Thanks. Happy Coding :)

Hi @ManasiRoy that was the first thing I have tried, but unfortunately is not exported from this package. Only provider is, you can find it here https://github.com/contentful/field-editors/blob/master/packages/reference/src/index.tsx#L26