当NextJS的getServerSideProps中没有可用的数据时，显示div？

import React from 'react';

const MyComponent = ({ data }) => {
  if (!data) {
    return <div>No data available</div>;
  }

  // Render the component with the data
  return (
    <div>
      {/* Render the data */}
    </div>
  );
};

export default MyComponent;

import React from 'react';

const MyComponent = ({ data }) => {
  // Render the component with the data
  return (
    <div>
      {/* Render the data */}
    </div>
  );
};

export default MyComponent;

export async function getServerSideProps() {
  // Fetch data from API or database
  const data = await fetchData();

  if (!data) {
    throw new Error('No data available');
  }

  return {
    props: {
      data,
    },
  };
}