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.
Screenshot%20from%202019-05-24%2022-25-30

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”

Update:
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

Hello.
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 https://ecosystem.atlassian.net/browse/DS-6836 and you’ll be able to see as it progress’.

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

1 Like

Ok nice. Thanks a lot for your answer!