Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Fix unrecognized prop errors in React #1154

Merged

Conversation

HendrikPetertje
Copy link
Contributor

@HendrikPetertje HendrikPetertje commented Aug 15, 2023

React does not like receiving object props that don't match any HTML spec. Styled components is dealing with this problem by prefixing all non-standard properties one might want to send in with dollar signs as $transientProps

You can read more about it here:
https://styled-components.com/docs/api#transient-props

This fix gets rid of these kind of errors (that the test suite in my project is tripping over since we updated react and styled-components):
image

React does not like receiving object props that don't match any HTML
spec. Styled components is dealing with this problem by prefixing all
non-standard properties one might want to send in with dollar signs as
`$transientProps`

You can read more about it here:
https://styled-components.com/docs/api#transient-props
@netlify
Copy link

netlify bot commented Aug 15, 2023

Deploy Preview for react-data-table-component ready!

Name Link
🔨 Latest commit 6dfc352
🔍 Latest deploy log https://app.netlify.com/sites/react-data-table-component/deploys/64db45cfaceaef0008fc0de3
😎 Deploy Preview https://deploy-preview-1154--react-data-table-component.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

@HendrikPetertje
Copy link
Contributor Author

wow that's really fancy, deploying everything to a storybook and all!
hats off on that one!

@medram
Copy link

medram commented Aug 16, 2023

I'm having many errors on the browser console too for the same cause reason, please fixed soon :D.

@loursbourg
Copy link

The changes made in this PR has definitely brought some improvements, the browser console is showing warnings related to incorrect prop naming. For instance:

Warning: Received `true` for a non-boolean attribute `responsive`.

and

Warning: React does not recognize the `fixedHeader` prop on a DOM element

Those errors are really cluttering the console. Please, merge.

@loursbourg
Copy link

Seems like this package is no longer maintained…

@jessewriter
Copy link

is there a way to hide these warnings until this is merged? makes my console a mess. thanks for the update Hendrik

@jessewriter
Copy link

this seems like good advice on how to consume the prop and not pass it forward https://legacy.reactjs.org/warnings/unknown-prop.html

@medram
Copy link

medram commented Aug 20, 2023

it's been a year and this repo/project is frozen, please can anyone fork this repo and keep the project going/updated?

@oancius
Copy link

oancius commented Aug 22, 2023

@jessewriter Thanks for reviewing this PR! Do you know if it will be merged and a new version will be released soon?

@jessewriter
Copy link

@oancius i have no read write authority on this repo. i did pull this commit down locally and published to our company artifactory and it is an improvement with many less warnings. I created a PR off of this fixing the remaining warnings. Unfortunately i did not fix the jest tests so build fails ugh :/ (work in progress) so we might be on our own here to create our own artifact with the fix

@oancius
Copy link

oancius commented Aug 22, 2023

@oancius i have no read write authority on this repo. i did pull this commit down locally and published to our company artifactory and it is an improvement with many less warnings. I created a PR off of this fixing the remaining warnings. Unfortunately i did not fix the jest tests so build fails ugh :/ (work in progress) so we might be on our own here to create our own artifact with the fix

got it! thanks for the quick reply tho! 🙌🏼

@HendrikPetertje
Copy link
Contributor Author

HendrikPetertje commented Aug 23, 2023

I don't really have the bandwidth myself to become the sole maintainer for this plugin and I can not guarantee that I'll be working with react for the next 10 years either :), but I'll give it a try I guess, becuase I need this plugin for a bunch of different projects.

So, I'll reach out to @jbetancur (the original maintainer) and:

  • Ask him to update the README of this repo to call for new maintainers
  • Inform him that I'll publish a semi-maintained fork of the plugin to npm/yarn in the next few days unless he himself appoints someone else (or himself) to pick up the maintenance of the plugin.

@jessewriter, once published, I would love to know what other fixes you guys have applied in your own artifactory, I'll ping you with the repo address

@jbetancur
Copy link
Owner

@HendrikPetertje As you, my very limited bandwidth has kept me from maintaining this project as I once did. Managing all the issues and feature asks have become challenging because this project was originally intended to be a simple table library and instead grew to something more comprehensive. I have been struggling to find a co maintainer to help out as there are many needed improvements, refactors, React 18, and bug fixes that need to be made or considered. But in the meantime I am open to having someone else drive for a bit to squash some of the bugs and because the community has come to depend on this project.

@jbetancur jbetancur merged commit 23103c5 into jbetancur:master Aug 24, 2023
5 checks passed
@jbetancur
Copy link
Owner

version 7.5.4 with this has been published

@loursbourg
Copy link

version 7.5.4 with this has been published

great, i've been looking forward to this

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

6 participants