Can someone help me with react a bit - trying to integrate something

JavaScript
1

I’m trying to integrate this set of cards into react starter template, but I’m failing to do so.
Always some error shows.

you can see code here

Error in src/App.tsx (6:5)

Expression expected.
2

@stephenmutheu yo bro, can you help me?

3

Unfortunately, this is way above my skills bro, maybe @Cody_Biggs can help you.

1 Like
4

thanks anyway :+1:

fillmurray

5

I dont have much time to look into it, but the biggest I see is that you have import statements and other logic inside the return statement of your App component. The return statement should only have JSX or any other values that you want to return from a function.

6

idk where should i put this chunk

7
  1. Move all the import statements to the top of your file.
  2. Move the constants and component definitions outside of the App component.

With your code from right now really the only thing that would be in your export default function

App() {
  return (
    <div>
      <CardStack />
      (other jsx here)
    </div>
  );
}

After that there are still a few other issues to look into. For example you try using <highlight > before its ever defined in your code

some other stuff as well but I got to run for right now

8

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.