Network Error React Native

[typesense]

Network Error React Native

[itajenglish]

I'm having this same issue on Android specifically. @stephanoparaskeva Were you able to find a solution for this?

[jasonbosco]

@stephanoparaskeva It's interesting that it works with axios directly. We do add additional request options to axios, so I'm wondering if one these causes an issue in a React Native environment:

typesense-js/src/Typesense/ApiCall.js

Lines 54 to 77 in a1def5f

	const requestOptions = {
	method: requestType,
	url: this._uriFor(endpoint, node),
	headers: Object.assign({}, this._defaultHeaders(), additionalHeaders),
	params: queryParameters,
	data: bodyParameters,
	timeout: this._connectionTimeoutSeconds * 1000,
	validateStatus: (status) => {
	/* Override default validateStatus, which only considers 2xx a success.
	In our case, anything below 500 should be considered a "success" and not retried.
	We will handle anything not 2xx, but below 500 as a custom exception below.
	*/
	return status > 0 && status < 500
	},
	transformResponse: [(data, headers) => {
	let transformedData = data
	if (headers !== undefined && typeof data === 'string' && headers['content-type'].startsWith('application/json')) {
	transformedData = JSON.parse(data)
	}
	return transformedData
	}]
	}
	let response = await axios(requestOptions)

To help debug this, could you try two things:

1. Change localhost to an IP address. This seems to suggest that this could be a potential issue, although I'm not too hopeful that this is the solution since your direct axios request seems to work fine.

2. Could you add the request options from above to your direct axios call and see if any of those cause the issue?

[stephanoparaskeva]

@stephanoparaskeva It's interesting that it works with axios directly. We do add additional request options to axios, so I'm wondering if one these causes an issue in a React Native environment:

typesense-js/src/Typesense/ApiCall.js

Lines 54 to 77 in a1def5f

	const requestOptions = {
	method: requestType,
	url: this._uriFor(endpoint, node),
	headers: Object.assign({}, this._defaultHeaders(), additionalHeaders),
	params: queryParameters,
	data: bodyParameters,
	timeout: this._connectionTimeoutSeconds * 1000,
	validateStatus: (status) => {
	/* Override default validateStatus, which only considers 2xx a success.
	In our case, anything below 500 should be considered a "success" and not retried.
	We will handle anything not 2xx, but below 500 as a custom exception below.
	*/
	return status > 0 && status < 500
	},
	transformResponse: [(data, headers) => {
	let transformedData = data
	if (headers !== undefined && typeof data === 'string' && headers['content-type'].startsWith('application/json')) {
	transformedData = JSON.parse(data)
	}
	return transformedData
	}]
	}
	let response = await axios(requestOptions)

To help debug this, could you try two things:

1. Change localhost to an IP address. This seems to suggest that this could be a potential issue, although I'm not too hopeful that this is the solution since your direct axios request seems to work fine.
2. Could you add the request options from above to your direct axios call and see if any of those cause the issue?

It's the data: {} that you're sending, via Axios for GET in React Native as this threw an error for me. When I was making my axios queries to figure out a temporary alternative for typesense-js by using normal requests.

Perhaps you could test with create-react-native-app + typesense + axios GET with a data: {...}?

Maybe a cors error?

[jasonbosco]

@stephanoparaskeva I've now updated the library to not send data for GET requests:

typesense-js/src/Typesense/ApiCall.js

Lines 94 to 96 in f7a5c1c

	if (bodyParameters && Object.keys(bodyParameters).length !== 0) {
	requestOptions.data = bodyParameters
	}

Could you give it a shot now in React Native to see if it fixes the issue?

[jasonbosco]

I know at least one user who's using Typesense with React Native, so closing this for now. Please feel free to re-open if this is still an issue.

[itajenglish]

Update: I was able to get it to connect by running adb reverse tcp:8108 tcp:8108

[walter-ayala]

adb reverse tcp:8108 tcp:8108

Don't work it for me, i'm having the same issue on Android:
WARN Request #1703095543420: Request to Node 0 failed due to "undefined Network Error"
WARN Request #1703095543420: Sleeping for 0.1s and then retrying request...
WARN Request #1703095543420: Request to Node 0 failed due to "undefined Network Error"
WARN Request #1703095543420: Sleeping for 0.1s and then retrying request...

[itajenglish]

@walter-ayala I can help if you create a repo showcasing the issue that I can test

[walter-ayala]

@walter-ayala I can help if you create a repo showcasing the issue that I can test

https://github.com/typesense/typesense-js/issues/189#issuecomment-1865244280 basically here would be everything related to the code of the project