How to take label values dynamically in React js?

I am trying to get a attribute input for the label tag while rendering the component. Using props to do this but its giving the following error-

Cannot read properties of undefined (reading 'props')
TypeError: Cannot read properties of undefined (reading 'props')

function SectionInput()  {
    const {label} = this.props;
    return (<div>
        <form>
            {label && <label>{label}</label>}
            <input type="text" props />
        </form>
    </div>
    );
}

the above is my component

<SectionInput label="Title"/>

This is how I'm using it

this is the error

Since you are using a functional component, accessing props from it is done by using the parameter of the function.

function SectionInput(props)  {
    const {label} = props;
    return (<div>
        <form>
            {label && <label>{label}</label>}
            <input type="text" props />
        </form>
    </div>
    );
}

What you are doing is: Accessing the props from this that does not have it. Accessing it with this.props can be done with class components.