Изменить стейт родителя без родительского обработчика

import React, { Component } from 'react';
import { Child } from '../..'; 
 
class Parent extends Component {
 
    state = {
        values: ''
    }
 
 
    render() {
        const { values } = this.state;
        
        return(
            <Child values={values} />
        );
    }
}
 
export default Parent;

import React, { Component } from 'react';
import { TextField  } from '@material-ui/core';
 
 
class Child extends Component {
    
    handleInputChange = (e) => {
        const { values } = this.props;
        const { name, value } = e.target;
 
        this.setState({
            [name]: value
        });
 
        console.log("test parent", values);
        console.log("test child", { [name]: value });
    }
 
 
    render() {
        const { values } = this.props;
 
        return(
            <TextField
                variant='outlined'
                label='Цитрус'
                name='citrus'
                value={values}
                onChange={this.handleInputChange}
            />
        );
    }
}
 
export default Child;

import React from 'react';
 
export default function Parent() {
 
    const [values, setValues] = useState('');
 
    const handleInputChange = (e) => {
        const [name, value] = e.target;
        setValues({
            [name]: value
        })
    }
 
    return(
        <TextField
            variant='outlined'
            label='Цитрус'
            name='citrus'
            value={values}
            onChange={handleInputChange}
        />
    );
}

import React from 'react';
import useForm from '../../components/hooks/useForm';
 
export default function Parent() {
 
    const {values, setValues, handleInputChange} = useForm('');
 
    return(
        <TextField
            variant='outlined'
            label='Цитрус'
            name='citrus'
            value={values}
            onChange={handleInputChange}
        />
    );
}

import React from 'react';
 
export default function useForm(initialValue) {
    const [values, setValues] = useState(initialValue);
 
    const handleInputChange = (e) => {
        const [name, value] = e.target;
        setValues({
            [name]: value
        })
    }
 
    return(
        values,
        setValues,
        handleInputChange
    );
}

const [values, setValues] = useState(initialValue);