React: obter valor de um input customizado no component pai via ref

Tenho o seguinte componente que representa um input:

<CustomInput type="email"
 id="email"
 name="email"
 ref={(input) => this.email = input}
 placeholder="E-mail"/>

O código desse componente, resumidamente, é:

import React, {Component} from 'react';

class CustomInput extends Component {
    render() {
        return (
            <div>
                <input {...this.props}/>
            </div>
        );
    }
}

export default CustomInput;

No meu component pai, ou seja, onde o CustomInput está sendo chamado, eu não consigo pegar o seu valor, via:

this.email.value // undefined

Entretanto, se eu troco na chamada dentro do componente pai o CustomInput por input simples, o retorno funciona conforme esperado. Dei uma pesquisada mas os resultados encontrados não ficaram claros e, muito menos a forma correta de se implementar o fix.

Poderiam me esclarecer? Obrigado.