не выводит массив на экран

[riaron86]

не выводит массив на экран, в чем проблекма

index.js
import React from 'react';
import App from './App';
import ReactDOM from 'react-dom';


ReactDOM.render(
<React.StrictMode>
<App />
</React.StrictMode>

);
App.js
import React, {useContext} from 'react';
import {Context} from './context';
import './App.css';
import Shop from './components/Shop';
var device= [
{name:'hello ', id:1},
{name:' world', id:2},
{name:'!!', id:3}
];
function App() {

return (
<Context.Provider value={{device}}>
<Shop/>
</Context.Provider>
);
}

export default App;

context.js
import React from 'react';
export const Context=React.createContext();
Shop.js

import React, {useContext} from 'react';
import {Context} from "../context";

//import Phone from './Phone';

function Shop() {
const {device} = useContext(Context)

return (
<div>
{device.map(device =>
<div class="hello">{device.name}</div>
)}
</div>
);
}

export default Shop;

[Nexus]

riaron86, вы в консоль смотрели?
Там наверняка же есть сообщение об ошибке.

ReactDOM.render принимает 2 обязательных аргумента, вы передали только 1.
render(element, container[, callback]) © https://reactjs.org/docs/react-dom.html#render

[riaron86]

в консоли пишет
src\index.js
Line 4:7: 'root' is assigned a value but never used no-unused-vars

[riaron86]

вот код index.js
import React from 'react';
import App from './App';
import ReactDOM from 'react-dom';
const root = ReactDOM.createRoot(document.getElementById('root' ));


ReactDOM.render(
<React.StrictMode>
<App />
</React.StrictMode>

);

[voraa]

М.б. в строчке 7 должно быть

root.render(