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

We ran into the same problem and we I would like to know if you intend to become compatible with styled-components v4.x, or maybe v5.x when it is released (styled-component is currently in beta RC2 and causes the same problem)

Hi Matthieu!

We do plan to do something around this. Primarily unblocking consumers from being affected by what css-in-js library Atlaskit components are using.

If you’d like please watch this Jira ticket and you’ll be able to see as it progress’.

Cheers! Let me know if you need any other info :slight_smile:

1 Like

Ok nice. Thanks a lot for your answer!