Hi @midnight dust. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave:
#has an invalid "default" export: Type "{ id: string; }" is not valid.
flat lightBOT
Based on the information provided in the knowledge sources, it seems like you're trying to export a Next.js page component with props. The error message you're seeing suggests that there might be an issue with the way you're exporting your component or the types you're using.
In Next.js, a page is a React Component exported from a .js, .jsx, .ts, or .tsx file in the pages directory. Each page is associated with a route based on its file name.
Here is an example of a simple page component in Next.js:
export default function Page() {
return <div>Hello World</div>
}
In your case, you're exporting a component HospitalRecordPage that accepts a prop id. The error message suggests that there might be an issue with the way you're exporting your component or the types you're using.
const HospitalRecordPage = ({ id }: { id: string }) => {
// ...
};
export default HospitalRecordPage;
This looks correct as per the standard React and TypeScript syntax. However, if you're using this component as a Next.js page, you might need to adjust how you're passing the id prop. In Next.js, page components get their data passed in a different way, usually through a function like getServerSideProps, getStaticProps, or getInitialProps.
If you're still facing issues, it would be helpful to check the version of Next.js you're using. Some users have reported similar issues in certain versions of Next.js, and upgrading to a newer version has resolved the issue for them (source (https://github.com/vercel/next.js/issues/46098)).