import React, { useState } from "react";\nimport FileBase64 from "react-file-base64";\nimport { useDispatch } from "react-redux";\nimport { makeStyles } from "@material-ui/core/styles";\nimport { TextField, Select, Input, MenuItem, Button } from "@material-ui/core";\nimport { useForm, Controller } from "react-hook-form";\nimport { yupResolver } from "@hookform/resolvers/yup";\nimport * as yup from "yup";\nimport { updatePost } from "../actions/post";\n\nconst useStyles = makeStyles((theme) => ({\n textField: {\n marginBottom: theme.spacing(2),\n },\n buttons: {\n marginTop: theme.spacing(2),\n },\n}));\n\nconst tags = ["fun", "programming", "health", "science"];\n\nconst postSchema = yup.object().shape({\n title: yup.string().required(),\n subtitle: yup.string().required(),\n content: yup.string().min(20).required(),\n …
Run Code Online (Sandbox Code Playgroud)