awesome-regression-testing VS prop-types

Visual Regression Testing: Awesome List

https://github.com/mojoaxel/awesome-regression-testing

… There are many tools for visual testing.

You could set up automatic visual regression testing on your CI pipeline with tools from the "Awesome Visual Regression Testing" list. That would probably be the safest option. But it requires some setup and time to get used to the tools.

https://github.com/mojoaxel/awesome-regression-testing#tools...

"visual-regression": https://github.com/topics/visual-regression

Cypress.io can run in a CI job, does Time Travel, works with DevTools debugger, can take screenshots and video, and it looks like there's a visual regression testing thing for it: https://github.com/mjhea0/cypress-visual-regression

Prop-Types

Type Checking: prop-types. tutorial

I am trying to use https://github.com/facebook/prop-types

Unlike the React ecosystem’s PropTypes, the type subproperty doesn’t do runtime type validation. Instead, it acts as an automatic type converter.

I have shown you the basics on how to get started and with this we have covered the basics and a little bit of intermediate stuffs. There is more to this and you can go through the documentation

Alternative way is to use prop-types package for it. It allows to pass a function that in your case would display console warning. Check deprecated-prop-type package as an example(or use it if it covers your needs)