JSX 문법 3개 강의에 대해 질문있습니다.

'''
import { useState } from 'react'
import reactLogo from './assets/react.svg'
import viteLogo from '/vite.svg'
import './App.css'

function App() {
  return(
    <div class='black-nav'>
      <h4>블로그임</h4>
    </div>
  )
 
  
}

export default App

'''
강의에서는 리액트에서 레이아웃 만들 때 쓰는 JSX 문법 3개 3분 20초에서 class를 classname으로 작성해야. 에러표시가 안난다고 하셨는데요.
class로 작성해도(위처럼) 블랙그라운드에 흰색 글씨처럼 잘표시되는데요.