Aplikacja React nie kompiluje się w przypadku pliku sass

Zupełnie nie wiem co robię źle. Jak instaluje w aplikacji react sass, a potem działam na plikach scss, to wszystko gra. Natomiast, gdy stosuje składnie sass (zamiast scss) oraz importuję plik sass (np. App.sass) do projektu, to cały czas jest błąd kompilacji i dostaję informację, że konieczna jest składnia klamrowa.

Treść błędu:
"SassError: Invalid CSS after " width:": expected pseudoclass or pseudoelement, was "300px {}"
on line 3 of src/App.sass

width:300px {}"

Co można zrobić, aby działać nie na scss tylko właśnie na sass ze składnią sass?

Znaczy, bo do tej pory robiłem tak:
1.npm install node-sass --save w terminalu
2.potem zmiana nazwy App.css na App.scss
3.w App.js import na App.scss
Ale gdy robię tak dla sass, to cały czas wyskakuje błąd kompilacji z informacją odnoszącą się do błędnej składni.

A składnie sass robię już tak dla maksymalnego uproszczenia np taką:

body
  background-color: black
  width:300px
  height:300px

Zatem składnie mam poprawną. To musi być coś innego.

No tak, jestem totalnym idiotą. W końcu w sass nie jest tak wygodnie jak w scss i niestety między np. width a 300px musi być spacja. Ech, kretyn kretyn