Сохранять объекты контекста слова в переменной

Изучение мира надстроек Word. Хотите создать список абзацев и перейти к каждому, щелкнув по нему (какое-то содержание)

Как это:

Я создал код (на reactjs, но не важно, какой фреймворк использовать) Когда я нажимаю на любую кнопку, вызывается обратный вызов, в консоли нет ошибок, но навигация не происходит. Вопрос: Как я могу передать некоторые данные контекста между вызовами Word.run, чтобы добиться такого поведения?

import * as React from 'react'
import { useEffect, useState } from 'react'

const findAllParagraphs = async () => {
  return Word.run(context => {
    const contentControls = context.document.body.paragraphs.load('text')
    return context
      .sync()
      .then(() => contentControls.items)
  })
}

export const App = ({ isOfficeInitialized }) => {
  const [paras, setParas] = useState<any[]>([])

  useEffect(() => {
    const loadParagraphs = async () => {
      setParas(await findAllParagraphs())
    }
    if (isOfficeInitialized) {
      loadParagraphs()
    }
  }, [isOfficeInitialized])

  const navToPar = async (par: Word.Paragraph) => {
    return await Word.run(async context => {
      par.select()
      return await context.sync()
    })
  }

  const renderList = () => {
    return paras.filter(({ text }) => !!text).map((par: Word.Paragraph, i) => {
      return (
        <div>
          <button onClick = {() => navToPar(par)} key = {i}>
            {par.text.substr(0, 30)}...
          </button>
        </div>
      )
    })
  }

  return (<div>{renderList()}</div>)
}