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 thi…

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 tha…

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 experi…