Failed to create a new project using '@react-native-community/cli'

[Dokome]

I follow the Installation code

npx @callstack/repack-init

But got an error，how can i solve it

[Dokome]

And then I follow this doc https://re-pack.dev/docs/migration-guides/metro

// package.json
{
  "dependencies": {
    "@react-native/new-app-screen": "0.80.0-rc.5",
    "react": "19.1.0",
    "react-native": "0.80.0-rc.5"
  },
  "devDependencies": {
    "@babel/core": "^7.25.2",
    "@babel/preset-env": "^7.25.3",
    "@babel/runtime": "^7.25.0",
    "@callstack/repack": "^5.1.1",
    "@react-native-community/cli": "19.0.0",
    "@react-native-community/cli-platform-android": "19.0.0",
    "@react-native-community/cli-platform-ios": "19.0.0",
    "@react-native/babel-preset": "0.80.0-rc.5",
    "@react-native/eslint-config": "0.80.0-rc.5",
    "@react-native/metro-config": "0.80.0-rc.5",
    "@react-native/typescript-config": "0.80.0-rc.5",
    "@rspack/core": "^1.3.15",
    "@swc/helpers": "^0.5.17",
    "@types/jest": "^29.5.13",
    "@types/react": "^19.1.0",
    "@types/react-test-renderer": "^19.1.0",
    "eslint": "^8.19.0",
    "jest": "^29.6.3",
    "prettier": "2.8.8",
    "react-test-renderer": "19.1.0",
    "typescript": "5.0.4"
  },
  "engines": {
    "node": ">=18"
  }
}

[jbroma]

hey @Dokome

looks like RN 80 introduced some flow syntax that we're not stripping correctly, preventing us from transpiling the code properly - please create a bug report issue with details from this discussion

[jbroma]

for a fast fix you can try patching @react-native/virtualized-lists:

file: node_modules/@react-native/virtualized-lists/Lists/VirtualizedSectionList.js

< const VirtualizedSectionListComponent = VirtualizedSectionList as component<
<   ItemT,
<   SectionT: SectionBase<ItemT, DefaultSectionT> = DefaultSectionT,
< >(
<   ref: React.RefSetter<
<     interface {
<       getListRef(): ?VirtualizedList,
<       scrollToLocation(params: ScrollToLocationParamsType): void,
<     },
<   >,
<   ...VirtualizedSectionListProps<ItemT, SectionT>
< );
---
> const VirtualizedSectionListComponent = VirtualizedSectionList;

[jbroma]

@Dokome I was not able to reproduce the npx @callstack/repack-init failure - once this a one time issue or did it happen repeatedly ?

[Dokome]

Could I find error stack somewhere?
I change to another device it works good, but still failed on this one 😂.

[jbroma]

try running npx @react-native-community/cli init on it's own and see if it errors out 👍