Using ink-table with Pastel

[diego-carvallo]

Hi I created a new Pastel project using npx create-pastel-app and I followed the sample here to use ink-table, so I have:

import Table from 'ink-table';

const data = [
  {
    name: 'Sosa Saunders',
    gender: 'male',
    age: 17,
  },
  {
    name: 'Angelina Kirk',
    gender: 'female',
    age: 33,
  }
]

export const alias = 'n';

export default function normalize() {
	return <Table data={data} />;
}

but I get this error when running npm build:

Please help!

[angjez]

Same issue here, it might be related to the differing module options in tsconfig

Edit: yes this is a esm/cjs issue @benedyktdryl has noticed you need to simply change <Table to <Table.default

[diego-carvallo]

Thanks @angjez for that input, Table.default did solve that issue but a new one arises:

[angjez]

Ah right
We've made a fork: https://github.com/brainhubeu/ink-table

The issue you're seeing is a combination of esm&cjs incompatibility plus ink-table expecting ink version >=3.
In the fork I bumped ink to version 5 and switched to esm.

Looks like the repo is a bit dead: #253