example-list.tsx

import React, { FC } from 'react';
import * as Inter from 'interaction';

export default const Foo: FC<Inter.ListProps<[string, number, string]>> = ({ value, onChange }) => {
  return (
    <Inter.List value={value} onChange={onChange}>
      <Inter.Text />
      <p>foobar</p>
      <Inter.Number />
      <Inter.Text />
      <div>lol</div>
    </Inter.List>
  );
};

example-object.tsx

import React, { FC } from 'react';
import * as Inter from 'interaction';

export default const Foo: FC<Inter.MapProps<{ foo: string, bar: number }>> = ({ value, onChange }) => {
  return (
    <Inter.Map value={value} onChange={onChange}>
      <Inter.Number name="bar" />
      <Inter.Text name="foo" />
    </Inter.Map>
  );
};