How to use the date-fns/format function in date-fns

<div>
            <span>
              {postLink(__('Edit'), test.postLink, test.id)}
              {isSingle &amp;&amp; ' | '}
            </span>
            {isSingle &amp;&amp; (
              <span>
                {removeLink(test.postDeleteLink)}
              </span>
            )}
          </div>
        
        {test.startedAt &gt; 0 ? (
          
            <abbr title="{`${format(test.startedAt,">
              {format(test.startedAt, 'yyyy/MM/dd')}
            </abbr>
            {` (${formatDistance(new Date(), test.startedAt)})`}
          
        ) : (
          —
        )}
        
          {
            isSingle
              ? <code>{`[ab-test id=${test.postId}]`}</code>
              : postLink(test.postName, test.postLink, test.id)
          }
        
        {postLink(test.goalName, test.goalLink)}
        {test.totalParticipants}

  const begin = contributions.findIndex(contrib => contrib.date === format(now, DATE_FORMAT));

computedDateFormattedDatefns () {
        return this.date ? format(this.date, 'dddd, MMMM Do YYYY') : ''
      }
    }

scrollToDate(date, -40, true);
        }
      },
      item: 'day',
      title: display === 'days'
        ? `Scroll to ${format(date, dateFormat, {locale})}`
        : null,
      value: format(date, dateFormat, {locale}),
    },
  ];

  return (
    <div aria-label="{format(date,">
      {values.map(({handleClick, item, key, value, active, title}) =&gt; {
        return (
          <div title="{title}">
            </div></div>

async function getRooms() {
  const start = format(new Date(), 'YYYY-MM-DD');
  const end = format(addDays(new Date(), 7), 'YYYY-MM-DD');
  const response = await api.get(`/api/availability/${start}/${end}`);
  return response.data;
}

<button size="small">
          Week to date
        </button>
        <button size="small">
          This month
        </button>
        <button size="small">
          Last month
        </button>
      

      <div>
        <input size="mini" name="from" value="{format(from," type="date">
        <span style="{{">
          to
        </span>
        <input size="mini" name="to" value="{format(to," type="date">
      </div>
    
  );

            const _trans = (d) => format(d, 'YYYYMM');
            const month = _trans(date);

async showBlock(blockHeight: number) {
    const block = await this.blockchain.fetchBlock(blockHeight)
    const item = {
      blockHeight: block.height,
      numTransactions: block.numTxs,
      hash: block.hash,
      age: distanceInWordsToNow(new Date(block.time)),
      time: formatDate(new Date(block.time), 'YYYY-MM-DD HH:mm:ss.SSS (Z)'),
      block
    }
    this.selectItem(item)
  }