A Framer X code component that returns a "decorated" code component.

Counter.tsx

import * as React from "react"
import { Frame, FrameProps } from "framer"

import { observer } from "mobx-react"
import { store } from "./store"

const DecoratedCounter = observer(props => {
    return <Frame onTap={store.increment}>{store.count}</Frame>
})

export const Counter = props => {
    return <DecoratedCounter {...props} />
}