require, import를 왜 한가지로 통일해서 써야하나요?

client.jsx에서는 require를 썼고

야구게임.jsx에서는 import를 썼는데

element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: "object".

에러를 받았습니다.

구글링 해보니 한가지로 통일해야한다고 했는데 왜인가욥?