Tag: reactstrap

When trying to use Card of Reactstrap I get Warning: React.jsx: type is invalid — expected a string (for built-in components) or a class/function?

components import javascript reactjs reactstrap

I tried to import the Card component from the Reactstrap library, and unfortunately this has resulted in the error below. When I remove the element, the page works again as intended. IMPORTS (IN PROFILE COMPONENT): EXPORT (AT BOTTOM OF PROFILE COMPONENT): In APP.js router: Full Profile component: Answer I think you might not have read reactstrap’s docs closely enough –

Accessing error from react-hook-form using reactstrap

javascript react-hook-form reactjs reactstrap

I created a form with reactstrap and react-hook-form. Why are my errors not displaying? Dummy section which renders text input: Text input with error: Submit Button Thanks. Code Sandbox Answer @jamfie, you are using different useForm for each component. Your form need to have the same instance, you can do that by using useformcontext or by passing props to components.

How to dynamically access nested errors/touched on formik Field

formik javascript reactjs reactstrap twitter-bootstrap

I am trying to create a React component to abstract away creating an Input group for my form. All inputs have the same layout – a Label, with the Input underneath and if errors/info text is present these are displayed under the Input. Previously I was handling my own form state/handlers. Now I am experimenting with formik (with Yup validation)