register not registering field with name has a single quote in the middle,

[Mallikarjunamatla]

I' m passing name with template literal's as
`
import React from "react";
import ReactDOM from "react-dom";
import { useForm } from "react-hook-form";

import "./styles.css";

export default function App() {
const { register, handleSubmit } = useForm();
const onSubmit = (data) => console.log(data);
const name = "Patient's Name";
return (

<input {...register(register ${name})} />
<select {...register("gender")}>
female
male
other



);
}

const rootElement = document.getElementById("root");
ReactDOM.render(, rootElement);
`
Output :
{register Patients Name: undefined, gender: "female"}

[bluebill1049]

please avoid special character and also see if you can provide a codesandbox next time with questions.

[Mallikarjunamatla]

Thank you, Here is the codesandbox for it : https://codesandbox.io/s/react-hook-form-js-forked-3rlw8?file=/src/App.js