ref.current.setAttribute is not a function - reactjs

Question

https://codesandbox.io/s/react-16-2fss1
import React, { useRef, useEffect } from "react";
import { render } from "react-dom";
import Autosuggest from "react-autosuggest";
const styles = {
fontFamily: "sans-serif",
textAlign: "center"
};
const Wrapper = () => {
const inputRef = useRef();
useEffect(() => {
if (typeof inputRef.current !== "undefined") {
inputRef.current.setAttribute("de-di-var", "");
}
}, []);
return <App ref={inputRef} />;
};
const inputProps = {
placeholder: "",
value: "",
onChange: (event, { newValue }) => {
console.log("change");
},
label: "",
feedback: null,
error: null
};
const App = React.forwardRef(
({ error }, ref) => {
return (
<div style={styles}>
<h4>Reference</h4>
<Autosuggest
inputProps={inputProps}
ref={ref}
suggestions=""
undefined={false}
/>
</div>
);
}
);
render(<Wrapper />, document.getElementById("root"));
Ok, so I am trying to use a ref in my wrapper component and then use the function setAttribute to add an attribute to the input field inside the component Autocomplete, but it won't let me. Is there any reason for this, because I am struggling to figure out why ref.current may be undefined, because that's what I am assuming I get the message error.

Answer 1

There is no such function within AutoSuggest reference.
You can check it by logging the reference:
const Wrapper = () => {
const inputRef = useRef();
useEffect(() => {
console.log(inputRef.current);
console.log(inputRef.current.setAttribute);
// inputRef.current.setAttribute('de-di-var', '');
}, []);
return <App ref={inputRef} />;
};