EDU-332: React Gen 1 - Custom Components

[uttej-vsk]

Description

This PR adds react none gen1 code to the snippets repo and helps us add them to the docs.

@samijaber Please review.

JIRA:
https://builder-io.atlassian.net/browse/EDU-332
https://builder-io.atlassian.net/browse/EDU-331

[changeset-bot]

⚠️ No Changeset found

Latest commit: c8158e7

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

[nx-cloud]

☁️ Nx Cloud Report

CI is running/has finished running commands for commit c8158e7. As they complete they will appear below. Click to see the status, the terminal output, and the build insights.

📂 See all runs for this CI Pipeline Execution

---

✅ Successfully ran 39 targets

• nx test @e2e/nextjs-sdk-next-app
• nx test @e2e/qwik-city
• nx test @e2e/nuxt
• nx test @e2e/hydrogen
• nx test @e2e/react-sdk-next-app
• nx test @e2e/react-sdk-next-pages
• nx test @e2e/react-native
• nx test @e2e/sveltekit
• nx test @e2e/angular-ssr
• nx test @e2e/gen1-react
• nx test @e2e/remix
• nx test @e2e/vue
• nx test @e2e/svelte
• nx test @e2e/angular
• nx test @e2e/solid
• nx test @e2e/solid-start
• nx test @e2e/react
• nx test @e2e/gen1-remix
• nx test @e2e/gen1-next
• nx test @snippet/react-native
• nx test @snippet/angular-ssr
• nx test @snippet/gen1-remix
• nx test @snippet/angular
• nx test @snippet/qwik-city
• nx test @snippet/nextjs-sdk-next-app
• nx test @snippet/react-sdk-next-app
• nx test @snippet/svelte
• nx test @snippet/solid
• nx test @snippet/hydrogen
• nx test @snippet/vue
• nx test @snippet/sveltekit
• nx test @snippet/gen1-react
• nx test @snippet/react-sdk-next-pages
• nx test @snippet/nuxt
• nx test @snippet/gen1-next
• nx test @snippet/react
• nx test @builder.io/sdks
• nx typecheck @builder.io/sdks
• nx build @builder.io/sdk

---

Sent with 💌 from NxCloud.

[samijaber]

Suggested change

	dataPath={`column1.blocks`}
	dataPath="column1.blocks"

[samijaber]

Suggested change

	dataPath={`column2.blocks`}
	dataPath="column2.blocks"

[samijaber]

why are we adding a separate test only for gen1? why not run the existing one in this file?

[samijaber]

same question here on the new test instead of enabling the old ones

[samijaber]

Suggested change

	type CustomHeroProps = {
	children: React.ReactNode;
	};
	const CustomHero = (props: CustomHeroProps) => {
	import { type PropsWithChildren } from 'react';
	const CustomHero = (props: PropsWithChildren) => {