How i can get suspense to work on react 18?
15:12 18 Apr 2022

Hello my code is as follow wnna try suspense with react 18 but not having luck to render Loading....

User.jsx

import React, { useEffect, useState } from "react";

export const User = () => {
  const [user, setuser] = useState(null);

  useEffect(() => {
    const res = fetch("https://jsonplaceholder.typicode.com/todos/1")
      .then((response) => response.json())
      .then((json) => setuser(json));
  }, []);

  return 
{JSON.stringify(user)}
; };

App.js

import logo from './logo.svg';
import './App.css';
import { Suspense } from 'react';
import { User } from './components/User';

function App() {
  return (
    
Loading.....

}>
); } export default App;

the app renders {} or null but never getting the fallback as expected

javascript html reactjs