Во время вызова render, элементы еще не созданы и не добавлены в DOM, соответственно ref равен null. Вы можете получить ref после монтирования:
class B extends React.Component {
componentDidMount() {
console.log(this.props.anchorRef);
}
}
В вашем случае правильней использовать useRef, так как в отличии от вызова createRef, он при перерисовках возвращает один и тот же объект. Вызов createRef, в свою очередь, каждый раз возвращает новый.
function A {
const anchorRef = useRef<HTMLDivElement>(null);
// ...
}
