Доступ к состоянию компонента React из MDX

Question

Предположим, у меня есть следующие файлы.

import React, { useState } from 'react';
import someComputation from './someComputation';

type ComponentType = {
  input: number;
};

const Component = (props: ComponentType) => {
  const [state, setState] = useState(someComputation(props.input));
  console.log(state.color); // "#440000" for example

  return <>...some component UI</>;
};

export default Component;

import Component from "./Component"

# Title

## Header

Body text like this

<Component input={5} />

I want to refer to the {state.color} of the component above. How?

Я думаю, что одним из способов может быть обновление глобального или контекста значением состояния, а затем создание другого компонента, который просто извлекает контекстзначение.
Есть ли лучший (более простой) способ добиться этого?