react-table-6

[markwoon]

Would it be possible to get this to work with react-table-6?

[GuillaumeJasmin]

It should be works. What is your issue ?

[markwoon]

To be clear, I'm talking about the react-table-6 alias package.

When I switch from react-table to react-table-6 I get:

ERROR in ../node_modules/react-table-hoc-fixed-columns/lib/scrollEvent/index.js
Module not found: Error: Can't resolve 'react-table' in 'node_modules\react-table-hoc-fixed-columns\lib\scrollEvent'
 @ ../node_modules/react-table-hoc-fixed-columns/lib/scrollEvent/index.js 12:18-40
 @ ../node_modules/react-table-hoc-fixed-columns/lib/index.js
 @ ./scripts/components/tables/collection.js
 @ ./scripts/components/clinical_annotation/index.js
 @ ./scripts/routes/router.js
 @ ./scripts/conf/app.js
 @ ./scripts/browser.js

ERROR in ../node_modules/react-table-hoc-fixed-columns/lib/stickyPosition/index.js
Module not found: Error: Can't resolve 'react-table' in 'node_modules\react-table-hoc-fixed-columns\lib\stickyPosition'
 @ ../node_modules/react-table-hoc-fixed-columns/lib/stickyPosition/index.js 12:18-40
 @ ../node_modules/react-table-hoc-fixed-columns/lib/index.js
 @ ./scripts/components/tables/collection.js
 @ ./scripts/components/clinical_annotation/index.js
 @ ./scripts/routes/router.js
 @ ./scripts/conf/app.js
 @ ./scripts/browser.js

I'd like to use react-table-6 so that I can slowly migrate over to v7.

[GuillaumeJasmin]

Oh yes, sorry, I though I doesn't use react-table package, but I use it for ReactTableDefaults.
I will fix it soon and add a new parameter

[GuillaumeJasmin]

fixed in v2.3.0

[nathonius]

You also use react-table in the types, though I'm not sure how to resolve that exactly:

import { Column, TableProps } from 'react-table'

export interface ColumnFixed<D = any> extends Column<D> {
  fixed?: 'left' | 'right' | true;
  columns?: Array<ColumnFixed<D>>;
}

export interface TablePropsColumnFixed<D = any, ResolvedData = D> extends TableProps<D, ResolvedData> {
  columns?: Array<ColumnFixed<ResolvedData>>;
}

export function withFixedColumnsStickyPosition<D = any>(ReactTableComponent: React.ComponentType<Partial<TableProps<D>>>): React.ComponentType<Partial<TablePropsColumnFixed<D>>>
export function withFixedColumnsScrollEvent<D = any>(ReactTableComponent: React.ComponentType<Partial<TableProps<D>>>): React.ComponentType<Partial<TablePropsColumnFixed<D>>>
export default function withFixedColumns<D = any>(ReactTableComponent: React.ComponentType<Partial<TableProps<D>>>): React.ComponentType<Partial<TablePropsColumnFixed<D>>>

My solution right now is to just create a duplicate of this file with -6 added to the import.

[GuillaumeJasmin]

@OfficerHalf thanks ! I need to find a better implementation. Maybe a new major release with react-table-6 peer dependencies