fix: js to jsx

Author: eunbeann

src/App.js src/App.jsx

@@ -17,7 +17,7 @@ const DeleteModal = ({ style, closeModal, content }) => {
       .catch((error) => console.log('Network Error : ', error));
   };
 
-  const modalRef = useRef();
+  const modalRef = useRef(null);
 
   const outsideClose = (e) => {
     if (modalRef.current === e.target) {

src/components/BoardInsert.js src/components/BoardInsert.jsx

@@ -4,7 +4,7 @@ import wrong from '../img/wrong.png';
 import { animated } from 'react-spring';
 
 const FailModal = ({ style, closeModal }) => {
-  const modalRef = useRef();
+  const modalRef = useRef(null);
 
   const outsideClose = (e) => {
     if (modalRef.current === e.target) {

src/components/BoardItem.js src/components/BoardItem.jsx

@@ -4,7 +4,7 @@ import correct from '../img/correct.png';
 import { animated } from 'react-spring';
 
 const SuccessModal = ({ style, closeModal }) => {
-  const modalRef = useRef();
+  const modalRef = useRef(null);
 
   const outsideClose = (e) => {
     if (modalRef.current === e.target) {

src/components/BoardList.js src/components/BoardList.jsx

@@ -1,11 +1,12 @@
 import React from 'react';
-import ReactDOM from 'react-dom';
+import ReactDOM from 'react-dom/client';
+
+import App from './App.jsx';
 import './index.css';
-import App from './App';
 import { BrowserRouter } from 'react-router-dom';
-ReactDOM.render(
+
+ReactDOM.createRoot(document.getElementById('root')).render(
   <BrowserRouter>
     <App />
   </BrowserRouter>,
-  document.getElementById('root'),
 );