Не могу добавить к неопределенному, даже когда элемент существует

Question

Эта странная ошибка продолжает возникать, когда он говорит, что не может добавить неопределенный узел, даже если он не равен нулю.Я посмотрел в Интернете, и некоторые говорят, что он пытается добавить его до завершения загрузки DOM, но это срабатывает после того, как все загружено и ошибка повторяется.

Фрагмент кода содержимого:

function additionalcss() {
   var timelineselect = document.querySelector('#timeline');
   if (timelineselect != null) {   //it passes this so I know its not null
     console.log(timelineselect);  //this prints fine, and is defined
     const maindiv = document.createElement('div');
     maindiv.setAttribute('id', 'div-main');
     document.timelineselect.appendChild(maindiv);  //throws error here
     ReactDOM.render(<Dropdown /> , maindiv);
   }