ReactotronFlipper not working with Reactotron

[orhangazi]

I want to work with Flipper (flipper-plugin-reactotron). When I import ReactotronFlipper and add createSocket: (path) => new ReactotronFlipper(path), line in the configure, I am getting an error: "The native module for Flipper seems unavailable. Please verify that react-native-flipper is installed....". I tried to install react-native-flipper but not work.

How can I do that?

Related packages and versions: "react-native-flipper": "^0.173.0", "reactotron-react-native": "~5.0.1", "react-native": "0.69.6", "react": "18.0.0",

ReactotronConfig.js:

import Reactotron, { openInEditor } from 'reactotron-react-native'
import { reactotronRedux } from 'reactotron-redux'
import { NativeModules } from 'react-native'
import AsyncStorage from '@react-native-async-storage/async-storage'
import url from 'url'
import ReactotronFlipper from 'reactotron-react-native/dist/flipper'

const reactotron = ( port= 9999, monkeyPatchConsoleLog=true) => {
	const {hostname} = url.parse(NativeModules.SourceCode.scriptURL)
	const portNumber = 9090
	console.log("Host name: "+hostname) // mine was 192.168.1.2

	Reactotron.configure({
			name: "Ulak",
			createSocket: (path) => new ReactotronFlipper(path),
			host: hostname,
			port: Number(portNumber),
			//createSocket: path => new ReactotronFlipper(path),
		})
		.setAsyncStorageHandler(AsyncStorage)
		.useReactNative({
			networking: {
				ignoreUrls: /\/symbolicate|\/logs|127.0.0.1|\/open-stack-frame/,
			},
			errors: true,
			editor: {url: "http://192.168.1.36:19000"}
		})
		.use(reactotronRedux())
		.use(openInEditor())
		.connect()
		.clear()
...

Error screenshot: