I am running into an error when I add a new component into my Next.js Project where it gives the following:
`./components/GridMember.js Error: error: Return statement is not allowed here
| 6 | return (test); | ^^^^^^^^^^^^^^^^^^^^^^^^^
Caused by: 0: failed to process js file 1: error was recoverable, but proceeding would result in wrong codegen 2: Syntax Error`
[error][1] [1]: https://i.stack.imgur.com/PU5z5.png
I am unsure what is causing this as I should be able to return what I have. I have pasted the code below to the component
`import styles from './GridMember.module.css'
export default GridMember()
{
return (<div>test</div>);
}`
and then the page has the following:
`import GridMember from "../components/GridMember";
export default function Work()
{
return(
<div>WORKING
<GridMember/>
</div>
);
}`
Any suggestions are appreciated!
CodePudding user response:
you are missing function
so you must write the code like this
import styles from './GridMember.module.css'
export default function GridMember()
{
return (<div>test</div>);
}