Show value of input field in different output

input-field-to-output.tsx

import { Override, Data } from 'framer';

const dataText = Data({ text: 'Hello World!' });

export const TextChangingInput: Override = () => {
  return {
    onValueChange: (text: string) => {
      dataText.text = text;
    },
  };
};

export const TextChangingOutput: Override = () => {
  return {
    text: dataText.text,
  };
};