Update getting-started.mdx

[anoushk1234]

fixes #441

[jrgarciadev]

Hey @anoushk1234 thank you so much, could you please write it this way:

import React from 'react';

// ...
   return {
      ...initialProps,
      styles: (
        <React.Fragment>
          {initialProps.styles}
        </React.Fragment>
      )
    };

// ...

[antoinelin]

Hey @anoushk1234 thank you so much, could you please write it this way:

import React from 'react';

// ...
   return {
      ...initialProps,
      styles: (
        <React.Fragment>
          {initialProps.styles}
        </React.Fragment>
      )
    };

// ...

Hey, got a TypeScript issue using styles: (<Fragment>{initialProps.styles}</Fragment>) instead of styles: [<Fragment>{initialProps.styles}</Fragment>] + Fragment should have a key for proper React rendering

[jrgarciadev]

Hey @anoushk1234 thank you so much, could you please write it this way:

import React from 'react';

// ...
   return {
      ...initialProps,
      styles: (
        <React.Fragment>
          {initialProps.styles}
        </React.Fragment>
      )
    };

// ...

Hey, got a TypeScript issue using styles: (<Fragment>{initialProps.styles}</Fragment>) instead of styles: [<Fragment>{initialProps.styles}</Fragment>] + Fragment should have a key for proper React rendering

Hey @toinelin could you share your tsconfig.json?

[antoinelin]

Hey @anoushk1234 thank you so much, could you please write it this way:

import React from 'react';

// ...
   return {
      ...initialProps,
      styles: (
        <React.Fragment>
          {initialProps.styles}
        </React.Fragment>
      )
    };

// ...

Hey, got a TypeScript issue using styles: (<Fragment>{initialProps.styles}</Fragment>) instead of styles: [<Fragment>{initialProps.styles}</Fragment>] + Fragment should have a key for proper React rendering

Hey @toinelin could you share your tsconfig.json?

Sure here it is:

{
  "compilerOptions": {
    "target": "es5",
    "lib": ["dom", "dom.iterable", "esnext"],
    "allowJs": true,
    "skipLibCheck": true,
    "strict": true,
    "forceConsistentCasingInFileNames": true,
    "noEmit": true,
    "esModuleInterop": true,
    "module": "esnext",
    "moduleResolution": "node",
    "resolveJsonModule": true,
    "isolatedModules": true,
    "jsx": "preserve",
    "incremental": true,
    "baseUrl": ".",
    "paths": {
      "@/components/*": [
        "./components/*"
      ],
      "@/contexts/*": [
        "./contexts/*"
      ],
      "@/hooks/*": [
        "./hooks/*"
      ],
      "@/pages/*": [
        "./pages/*"
      ],
      "@/styles/*": [
        "./styles/*"
      ]
    },
  },
  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"],
  "exclude": ["node_modules"]
}

[anoushk1234]

<React.Fragment>
          {initialProps.styles}
        </React.Fragment>

i'm getting this error Type 'Element' is not assignable to type 'ReactElement<any, string | JSXElementConstructor<any>>[] | ReactFragment | undefined'.

heres my tsconfig https://github.com/anoushk1234/anoushk.xyz/blob/main/tsconfig.json

[jrgarciadev]

Thank you 🙌🏻 @anoushk1234