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

[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(