chriskavanagh

import React from "react";
import { Formik, Field, ErrorMessage, Form } from "formik";
import * as Yup from "yup";
//import Error from "./Error";
import styled from "styled-components";

const Button = styled.button`
  background: gray;
  color: navy;
  width: 30%;

chriskavanagh

import React from "react";
import { Formik } from "formik";
import * as Yup from "yup";
//import Error from "./Error";
import styled from "styled-components";

const Form = styled.form`
  width: 100%;
  max-width: 600px;
  margin: 25px auto;

chriskavanagh

import { useState, createContext, useContext } from "react";

const CounterContext = createContext(null);

const CounterContextProvider = ({ children }) => (
  <CounterContext.Provider value={useState(0)}>
    {children}
  </CounterContext.Provider>
);

chriskavanagh

import { useState } from "react";

const Container = ({ children }) => <div>{children}</div>;

const AddOneButton = ({ setCounter }) => (
  <div>
    <button onClick={() => setCounter((v) => v + 1)}>Add One</button>
  </div>
);