Установка изображения в качестве фона div со встроенными стилями. Реагировать

Я пытаюсь импортировать изображение из папки с ресурсами, а затем установить его как background-image в div. Смотри, что я делаю.

import candidatePortrait from "../../../../../images/candidatePortrait.jpg";

<div
    className = "candidate-photo"
    style = {{
      backgroundImage: props.photo
        ? `url("${props.photo}")`
        : `${candidatePortrait}`
    }}
  />

Я знаю, что мой путь к папке хороший, но я не знаю, как установить его как backgroundImage. Смотрите мой стиль div. Спасибо!