Atlaskit Dynamic Table Ranking Issue

Hello. While trying to set “isRanking” option I’ve got an issue: “Invariant failed: Cannot get draggable ref from drag handle” and lots of warnings about “innerRef” deprecation. I’m not using styled-components in my code and believe it is used somewhere in dynamic-tables.

I’m using:
@atlaskit/dynamic-table”: “^13.0.0”,
“react”: “^16.8.6”,
“react-dom”: “^16.8.6”

My code is based on official example:

Appreciate any help.

Hi @piskunovigorm,

Do you have a version of styled-components installed in your project? If so, what version?

HI @kchan. Yes:
“styled-components”: “^4.2.0”

I’ve tried to downgrade version to v3.4.10 as @atlaskit/dynamic-table requires version ^3.2.6. And it helped me with my issue. Ranking works fine now.

May be I’m wrong, but seems it should be mentioned somewhere that styled-components v4.x is not supported .

Thanks for bringing this up! Yes unfortunately we currently do not support styled-components@v4.x.

I will look into making this more visible. Thanks for the suggestion